微信小程序測試注意點，微信小程序測試要注意的地方有哪些？微信小程序測試已經進入最后階段，同時也宣布1月9日正式上線，那么對于新手來說微信小程序測試需要注意點什么呢？下面一起來看看吧。

微信小程序測試注意點 微信小程序測試要注意的地方有哪些？

一、小程序開發并非隨心所欲，你需要看懂以下規則才能不走彎路：

1、小程序的功能定義與實際提供的服務必須一致；小程序所提供的類目，必須放置在首頁，最深也只能放置在二級頁面；

2、小程序所提供的服務目前暫時不能涉及游戲、直播等服務（涉黃涉賭就不用多說了）內容也不能涉及測試類內容；比如：算命，抽簽，星座運勢等；

3、小程序所提供的服務可以允許設置付費可見及隱藏可見（這點對于開發者來說可以發揮地方很多，具體在后面文章做詳細論述）；

4、小程序不能提供與微信現有功能相似的服務，如含朋友圈、漂流瓶等，也不能提供導航、排行榜、互推的服務；

5、小程序一如既往的不支持誘導分享、誘導關注，虛假欺詐等內容，也不支持廣告展示比例超過50%的頁面內容；

6、小程序不得誘導、泄露、轉讓用戶的任何數據。所有行為都必須經過用戶授權或有明顯提示；

二、微信團隊對小程序設計也有嚴格定義，前端工程師們需要看懂以下規則：

1、頁面設計需要考慮除微信導航以外其它導航頁面的設計，遵循“導航明確，來去自如”，也就是能讓客戶知道，當前在哪，可以去哪，如何回去等問題。

2、頁面設計需要遵循重點突出，并且不能出現與業務無關的業務入口，正反舉例：

錯誤示例

以上頁面主題是查詢，但查詢按鈕下面卻出現“今日熱點|頭條新聞”的無關內容

正確示例

以上頁面查詢按鈕下面顯示的是新搜索過的關鍵詞，與頁面主題匹配

3、頁面設計無需考慮微信一級菜單的導航，微信系統內的所有小程序均會自帶有微信提供的導航欄

標準導航圖

4、微信導航欄自定義顏色規則，開發者如果需要自設導航需要與官方定義的顏色和諧搭配

官方定義導航顏色

5、小程序首頁可選擇微信提供的原生底部標簽分頁樣式，該樣式僅供小程序首頁使用。初期的頁面內導航設計盡可能利用微信自帶導航Tab，添加自有導航可以添加標簽分頁（Tab）導航，標簽數量不得少于2個，最多不得超過5個，為確保點擊區域，建議標簽數量不超過4項。

小程序標準導航樣式

6、小程序已經明確定義了標準的啟動頁面和頁面下拉刷新加載樣式，無需開發者設計，啟動頁面只能上傳品牌LOGO且不能更改。

小程序啟動頁標準樣式

下拉加載頁標準樣式

7、小程序頁面的加載反饋和結果反饋應提供載入進度和結果提示，并且每個頁面都要有明確的指引操作和退出提示。

加載頁必須有加載提示如右邊圖

結果反饋必須有明確提示如：已發送

8、小程序頁面設計需要遵循“減少輸入，巧用接口，多用選擇”的原則，比較大限度的優化用戶體驗，減少或避免不必要的鍵盤輸入。

搜索內容建議設計成按鈕選擇而不是讓用戶手工輸入

持卡人和卡號不建議讓用戶直接輸入而是調用接口讓用戶選擇

9、小程序頁面的字體盡量與用戶所運行的系統字體保持一致，常用字號為20, 18, 17, 16,14 13, 10(pt)，字體顏色主內容 Black 黑色，次要內容 Grey 灰色；時間戳與表單缺省值 Light 灰色；大段的說明內容而且屬于主要內容用 Semi 黑；藍色為鏈接用色，綠色為完成字樣色，紅色為出錯用色 Press與 Disable狀態分別降低透明度為20%與10%

字體規范

字體顏色

主內容 Black 黑色，次內容 Grey 灰色；時間戳與表單缺省值 Light 灰色；大段說明內容用 Semi 黑；

藍色為鏈接用色，綠色為完成字樣色，紅色為出錯用色

10、小程序頁面同樣明確定義了列表視覺規范、表單輸入視覺規范、按鈕使用原則、圖標使用原則等詳細的規范。

三、小程序對開發規則也進行了相應的解釋和定義，基本定義如下：

1、開發者需要在公眾號小程序的后臺“設置”-“開發者設置”中獲取AppID ，通過開發者工具，來完成小程序創建和代碼編輯。

2、開發者在小程序后后臺綁定身份之后，可以在開發者工具內實現編輯、預覽、提交等所有工作流程。

3、小程序開發的基本文件包括app.js、app.json、app.wxss 這三個。其中，.js后綴的是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件。微信小程序會讀取這些文件，并生成小程序實例。

4、每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js后綴的文件是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件，.wxml后綴的文件是頁面結構文件。

下面推薦一款小程序作參考——嗨圖