關於H5頁面的測試總結與分析


一、時下最流行的H5到底是什么 ?有什么優勢和劣勢?

(1)H5 即HTML5,其實就是:移動端Web頁面。

(2)優勢:

    1. H5可以跨平台使用,開發成本相對較低
    2. H5可隨時上線就更新版本,適合快速迭代
    3. H5可以輕量的觸達用戶,提供更便捷的服務
  •  在微信入口或者瀏覽器上,用戶只需點開鏈接就可以獲取我們鎖提供的服務
         劣勢:
  1. H5->app的轉化強依賴於瀏覽器
  2. H5目前基本無法將數據存儲在本地,依賴實時性數據,網絡狀態不好的時候卡到哭。
  3. 性能相對較低,影響用戶體驗
(3)如何判斷是否是H5頁面:

基本上只要對那個view長按,然后看是不是有反應,比如手機震動(Android)、或者出現文字選擇粘貼(Android/iOS),那么就是WebView!

二、測試點總結:

(1)需求設計測試:

盡早的了解需求熟悉需求、參與需求評審與設計,通過原型圖以及真實用戶體驗和用戶習慣來檢查需求的合理性以及是否有更好地實現方法等。
這樣能把問題發現在源頭,減少后期因需求變更引起開發和測試的迭代成本。
在需求階段即介入測試功能點的編寫和記錄,也符合盡早介入測試的原則。

(2)接口測試

根據開發同學提供的接口文檔,可以通過Jmeter 等攻距進行測試。
主要關注點為:
接口返回的數據期望的是否一致;
接口入參的邊界值校驗 ;
檢查接口的容錯性 比如對於傳輸數據類型錯誤能否處理等,整型的輸入小數、中英文等;
接口的性能情況,調用接口數據返回的時間,接口反應慢肯定影響用戶體驗。
接口的安全性:接口部分敏感信息是否加密傳輸等

(3)功能測試

測試重點,根據業務邏輯和功能進行測試,主要是可用性。

(4)用戶界面測試

根據測試和評審修改過的UED(用戶體驗設計),測試開發遞交的測試包。
風格、樣式、顏色是否協調,不僅包括HTML5本身,因為HTML5會嵌入App里面,所以要考慮 H5 的風格、樣式、顏色是否與app本身協同,不至於格格不入,包括用戶習慣等也最好保持一致或相近,最好在設計初期就有顏色、按鈕、圖片、背景、邊框等詳細規划和統一。
但是正是由於H5的可移植性,同一服務會嵌入到N家客戶的產品中,難以與各家都完全統一,所以在設計中就應該考慮這些問題。

(5) 兼容性測試

手機HTML5主要應用是嵌入在app或者微信公眾號里面,所以兼容性主要是iOS、Android 2個系統各種主流機型的適配。

A、手機屏幕大小
B、主流手機機型
C、手機操作系統,iOS和Android各版本
D、瀏覽器:系統自帶瀏覽器和主流瀏覽器

(6)網絡測試

由於H5系統很多是雲服務,所有響應速度普遍較慢。我們測試的時候一般會用Wifi,速度會相對可觀點。
我們應該觀察在4G、3G、甚至2G的網下,弱網測試,看響應時間是否在忍受范圍內。
時間過長的話,需要提示優化代碼做改善。

(7) 安全測試

由於我們對應的產品部利用HTML5把一些通用功能做成了雲服務,可以嵌入多家客戶的App,根據渠道划分,所以安全性顯得尤為重要。

(8) 性能測試

隨着對接客戶的增加,對服務的性能方面的要求也會增加。對於雲服務的模塊需要做性能測試。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM