任何一個完備的產(chǎn)品，在正式上線前都需要進(jìn)行完備的測試。一個好的測試標(biāo)準(zhǔn)可以讓開發(fā)人員開發(fā)和自測時能夠快速找到 bug 并及時修復(fù)，減少頁面表現(xiàn)和體驗帶來的問題，從而在上線發(fā)布時能有一個較好的質(zhì)量保證。功能點測試本節(jié)不再贅述，前端代碼一般需要關(guān)注機(jī)型適配的兼容性和頁面交互的細(xì)節(jié)。
1　機(jī)型兼容性測試點
  iOS 和 Android 的設(shè)備 CSS 寬度在 320 及以上，頁面能有正常的布局表現(xiàn)，不同機(jī)型、不同版本、不同屏幕都要適配，注意當(dāng)下流行的設(shè)備尺寸；
  按鈕點擊區(qū)域要足夠大，最小點擊區(qū)域像素為 44×44；頁面時常根據(jù)屏幕寬度的變化顯示更多的內(nèi)容，當(dāng)更寬的屏幕顯示頁面時，背景的延展區(qū)域要平滑，控件需要根據(jù)屏幕大小進(jìn)行自適應(yīng)放大縮小。不要出現(xiàn)“一刀切”的生硬痕跡；
  背景圖、按鈕圖、圖標(biāo)在 retina 屏幕中是否模糊；頁面打開加載時不會抖動；若頁面圖片較多，圖片在加載時盡量不要影響布局，并且頁面有較好的閱讀體驗；
  彈出層是否垂直水平居中；圖標(biāo)是否顯示完全。
2　頁面交互測試點
  檢測頁面標(biāo)題規(guī)范；
  檢查頁面鏈接是否為空鏈接，鏈接跳轉(zhuǎn)是否正確，圖片是否顯示；
  檢查頁面文字是否有超出現(xiàn)象；
  活動中是否有錯別字，如道具名稱、活動規(guī)則、活動時間等；各個彈層是否完整顯示；彈出層中上下滑動時，整體頁面禁止滑動，防止時間冒泡引起頁面也滑動；
  多個頁面輪播一定要反復(fù)測試，輪播或者上滑下滑頁面表現(xiàn)等；
  上滑或者下滑添加 loading 加載塊；
  圖片未加載出來時一定要有 alt 文字提示；
  置頂欄或者置底欄在滑動時位置未變化，始終吸附在頁面頭部或者底部；iPhone X 齊劉海是否適配；
  小程序中的部分組件是由客戶端創(chuàng)建的原生組件，例如 camera、canvas、input、live-player、live-pusher、map、textarea 和 video，由于原生組件在 WebView 渲染流程外，因此在使用時有很多限制，在工具上，原生組件是用 Web 組件模擬的，因此很多情況并不能很好地還原真機(jī)的表現(xiàn)，建議在使用原生組件時盡量在真機(jī)上進(jìn)行調(diào)試；
  頁面標(biāo)題、標(biāo)題欄背景、底部 tab 欄、組件等是否配置。