微信小程序測(cè)試注意點(diǎn)，微信小程序測(cè)試要注意的地方有哪些？微信小程序測(cè)試已經(jīng)進(jìn)入最后階段，同時(shí)也宣布1月9日正式上線，那么對(duì)于新手來(lái)說(shuō)微信小程序測(cè)試需要注意點(diǎn)什么呢？下面一起來(lái)看看吧。

微信小程序測(cè)試注意點(diǎn) 微信小程序測(cè)試要注意的地方有哪些？

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

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

2、小程序所提供的服務(wù)目前暫時(shí)不能涉及游戲、直播等服務(wù)（涉黃涉賭就不用多說(shuō)了）內(nèi)容也不能涉及測(cè)試類內(nèi)容；比如：算命，抽簽，星座運(yùn)勢(shì)等；

3、小程序所提供的服務(wù)可以允許設(shè)置付費(fèi)可見及隱藏可見（這點(diǎn)對(duì)于開發(fā)者來(lái)說(shuō)可以發(fā)揮地方很多，具體在后面文章做詳細(xì)論述）；

4、小程序不能提供與微信現(xiàn)有功能相似的服務(wù)，如含朋友圈、漂流瓶等，也不能提供導(dǎo)航、排行榜、互推的服務(wù)；

5、小程序一如既往的不支持誘導(dǎo)分享、誘導(dǎo)關(guān)注，虛假欺詐等內(nèi)容，也不支持廣告展示比例超過(guò)50%的頁(yè)面內(nèi)容；

6、小程序不得誘導(dǎo)、泄露、轉(zhuǎn)讓用戶的任何數(shù)據(jù)。所有行為都必須經(jīng)過(guò)用戶授權(quán)或有明顯提示；

二、微信團(tuán)隊(duì)對(duì)小程序設(shè)計(jì)也有嚴(yán)格定義，前端工程師們需要看懂以下規(guī)則：

1、頁(yè)面設(shè)計(jì)需要考慮除微信導(dǎo)航以外其它導(dǎo)航頁(yè)面的設(shè)計(jì)，遵循“導(dǎo)航明確，來(lái)去自如”，也就是能讓客戶知道，當(dāng)前在哪，可以去哪，如何回去等問(wèn)題。

2、頁(yè)面設(shè)計(jì)需要遵循重點(diǎn)突出，并且不能出現(xiàn)與業(yè)務(wù)無(wú)關(guān)的業(yè)務(wù)入口，正反舉例：

錯(cuò)誤示例

以上頁(yè)面主題是查詢，但查詢按鈕下面卻出現(xiàn)“今日熱點(diǎn)|頭條新聞”的無(wú)關(guān)內(nèi)容

正確示例

以上頁(yè)面查詢按鈕下面顯示的是新搜索過(guò)的關(guān)鍵詞，與頁(yè)面主題匹配

3、頁(yè)面設(shè)計(jì)無(wú)需考慮微信一級(jí)菜單的導(dǎo)航，微信系統(tǒng)內(nèi)的所有小程序均會(huì)自帶有微信提供的導(dǎo)航欄

標(biāo)準(zhǔn)導(dǎo)航圖

4、微信導(dǎo)航欄自定義顏色規(guī)則，開發(fā)者如果需要自設(shè)導(dǎo)航需要與官方定義的顏色和諧搭配

官方定義導(dǎo)航顏色

5、小程序首頁(yè)可選擇微信提供的原生底部標(biāo)簽分頁(yè)樣式，該樣式僅供小程序首頁(yè)使用。初期的頁(yè)面內(nèi)導(dǎo)航設(shè)計(jì)盡可能利用微信自帶導(dǎo)航Tab，添加自有導(dǎo)航可以添加標(biāo)簽分頁(yè)（Tab）導(dǎo)航，標(biāo)簽數(shù)量不得少于2個(gè)，最多不得超過(guò)5個(gè)，為確保點(diǎn)擊區(qū)域，建議標(biāo)簽數(shù)量不超過(guò)4項(xiàng)。

小程序標(biāo)準(zhǔn)導(dǎo)航樣式

6、小程序已經(jīng)明確定義了標(biāo)準(zhǔn)的啟動(dòng)頁(yè)面和頁(yè)面下拉刷新加載樣式，無(wú)需開發(fā)者設(shè)計(jì)，啟動(dòng)頁(yè)面只能上傳品牌LOGO且不能更改。

小程序啟動(dòng)頁(yè)標(biāo)準(zhǔn)樣式

下拉加載頁(yè)標(biāo)準(zhǔn)樣式

7、小程序頁(yè)面的加載反饋和結(jié)果反饋應(yīng)提供載入進(jìn)度和結(jié)果提示，并且每個(gè)頁(yè)面都要有明確的指引操作和退出提示。

加載頁(yè)必須有加載提示如右邊圖

結(jié)果反饋必須有明確提示如：已發(fā)送

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

搜索內(nèi)容建議設(shè)計(jì)成按鈕選擇而不是讓用戶手工輸入

持卡人和卡號(hào)不建議讓用戶直接輸入而是調(diào)用接口讓用戶選擇

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

字體規(guī)范

字體顏色

主內(nèi)容 Black 黑色，次內(nèi)容 Grey 灰色；時(shí)間戳與表單缺省值 Light 灰色；大段說(shuō)明內(nèi)容用 Semi 黑；

藍(lán)色為鏈接用色，綠色為完成字樣色，紅色為出錯(cuò)用色

10、小程序頁(yè)面同樣明確定義了列表視覺(jué)規(guī)范、表單輸入視覺(jué)規(guī)范、按鈕使用原則、圖標(biāo)使用原則等詳細(xì)的規(guī)范。

三、小程序?qū)﹂_發(fā)規(guī)則也進(jìn)行了相應(yīng)的解釋和定義，基本定義如下：

1、開發(fā)者需要在公眾號(hào)小程序的后臺(tái)“設(shè)置”-“開發(fā)者設(shè)置”中獲取AppID ，通過(guò)開發(fā)者工具，來(lái)完成小程序創(chuàng)建和代碼編輯。

2、開發(fā)者在小程序后后臺(tái)綁定身份之后，可以在開發(fā)者工具內(nèi)實(shí)現(xiàn)編輯、預(yù)覽、提交等所有工作流程。

3、小程序開發(fā)的基本文件包括app.js、app.json、app.wxss 這三個(gè)。其中，.js后綴的是腳本文件，.json后綴的文件是配置文件，.wxss后綴的是樣式表文件。微信小程序會(huì)讀取這些文件，并生成小程序?qū)嵗?/p>

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

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