H5頁面測試總結

2022-05-29 12:15:10 字數 569 閱讀 4101

**

其實經過幾次h5頁面測試之後,發現存在很多共同的問題,所以在此對h5頁面的測試點(以及容易出問題的點),做乙個總結,給開發同學自測,以及準備入手h5測試的同學乙個參考。

1、業務邏輯相關

之外,h5頁面的測試,需要關注以下幾點:

1.1 登陸

1.2 翻頁

1.3 重新整理與返回

1.4 mtop介面返回處理

2、h5適配相關

品牌之間的差異不大,所以不用太多關注,最容易出現問題的是android2.3系統,這個要特別關注下:

3、安全相關

3.1 明確投放渠道都有哪些

3.2 評估是否需要接入集團安全,如mtee黑白名單等。

3.3 是否需要接入支付寶實名認證

3.4 是否接入windvane,所有請求通過native發出。

4、體驗相關

4.1 資源相關

4.2 流量

4.3 頁面展現時間

4.4 頁面提示

4.5 手機操作相關

4.6 弱網路體驗

5、埋點資料檢查

H5頁面測試實戰總結

基本上只要對那個view長按,然後看是不是有反應,比如手機震動 android 或者出現文字選擇貼上 android ios 那麼就是webview!橫屏豎屏相互切換,能自適應,並且布局不會亂掉 h5的頁面在pc端也是能訪問的,chrome對h5支援最好,功能的測試可以在pc端chrome下先測試,...

h5頁面開發

相信大家在做h5頁面開發的時候,也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來,有需要的朋友可以參考一下。1.安卓瀏覽器看背景,有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多,原因和devicepixelratio有關。手機解析度比pc端的解析度小,按照...

vuejs開發H5頁面總結

vuejs開發h5頁面總結 關於布局方案 當拿到設計師給的ui設計圖,前端的首要任務就是布局和樣式,相信這對於大部分前端工程師來說已經不是什麼難題了。移動端的布局相對pc較為簡單,關鍵在於對不同裝置的適配。之前介紹了一篇關於移動端rem布局方案,這大致是網易h5的適配方案。不過實踐中發現 開源的可伸...