?近期接觸了關(guān)于H5頁(yè)面和小程序的測(cè)試。H5,也就是“HTML5”,指“HTML”的第5個(gè)版本,HTML5也是一種網(wǎng)頁(yè)技術(shù),包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合,H5本質(zhì)上可以理解為是一個(gè)網(wǎng)頁(yè),依賴的外殼主要是瀏覽器;微信小程序,是一種不需要下載安裝即可使用的應(yīng)用。對(duì)H5頁(yè)面和小程序的一些通用測(cè)試方法進(jìn)行總結(jié),在此分享給大家:
運(yùn)行環(huán)境區(qū)分1.客戶端運(yùn)行環(huán)境:H5是網(wǎng)頁(yè),運(yùn)行環(huán)境主要依賴于瀏覽器;
(資料圖)
而微信小程序運(yùn)行環(huán)境本身就屬于計(jì)算機(jī)程序,再配合自己定義的開發(fā)語(yǔ)言標(biāo)準(zhǔn),進(jìn)而大幅提升了小程序的流暢度及其性能。
2.服務(wù)器配置:由于小程序的性能比H5高些,所以服務(wù)器的配置要求上來(lái)說(shuō),小程序的要求要比H5更高一些。
H5優(yōu)勢(shì)與劣勢(shì):優(yōu)勢(shì) | 劣勢(shì) |
H5可以跨平臺(tái),開發(fā)成本相對(duì)較低 | |
H5可隨時(shí)上線,只需更新版本,適合快速迭代 | 但H5目前基本無(wú)法將數(shù)據(jù)存儲(chǔ)在本地,依賴實(shí)時(shí)性數(shù)據(jù),網(wǎng)絡(luò)狀態(tài)不好的時(shí)候卡到哭 |
H5可以輕量的觸達(dá)用戶,提供更快捷的服務(wù) | 但性能相對(duì)較低,影響用戶體驗(yàn) |
在微信入口或者瀏覽器上,用戶只需點(diǎn)開鏈接就可以獲取我們所提供的服務(wù) | 但H5->的轉(zhuǎn)化強(qiáng)依賴于瀏覽器 |
(1)對(duì)于頁(yè)面中的返回,以及瀏覽器自帶的返回的測(cè)試。頁(yè)面中的返回要考慮業(yè)務(wù)邏輯,返回到相應(yīng)層次,需要從用戶角度返回的轉(zhuǎn)跳邏輯,不能出現(xiàn)死循環(huán);并要注意返回后是否需要刷新頁(yè)面請(qǐng)求通過(guò)H5頁(yè)面(非手機(jī)自帶返回鍵)的返回功能鍵返回,可以返回到正確的頁(yè)面(上一級(jí)/退出H5)點(diǎn)擊返回與back鍵,回退頁(yè)面是否是期望頁(yè)面。
(2)橫豎屏切換后頁(yè)面能自適應(yīng),不會(huì)出現(xiàn)布局散亂問(wèn)題;或頁(yè)面是否限制了只支持橫或豎屏。
(3)在手機(jī)上從list列表點(diǎn)擊進(jìn)入detail詳情頁(yè)面是在原窗口打開。目的是這樣可以通過(guò)頁(yè)頭的返回按鈕返回,而不需要通過(guò)手機(jī)的返回鍵返回,交互表現(xiàn)更友好。
(4)關(guān)注頁(yè)面請(qǐng)求是否會(huì)有多余的請(qǐng)求,或者請(qǐng)求后有多余的數(shù)據(jù)返回。目的是精簡(jiǎn)的內(nèi)容減少了流量的浪費(fèi)。
(5)圖片適配測(cè)試。根據(jù)不同屏幕和分辨率做適配,以及適配后的清晰度,高端機(jī)取雙倍尺寸的圖--app兼容測(cè)試。H5的測(cè)試點(diǎn)可 詳見:接口測(cè)試、業(yè)務(wù)測(cè)試(功能測(cè)試)、UI界面測(cè)試、兼容性測(cè)試、權(quán)限測(cè)試、安全測(cè)試、性能測(cè)試、數(shù)據(jù)埋點(diǎn)測(cè)試(???你對(duì) “數(shù)據(jù)埋點(diǎn)測(cè)試” 知曉多少???)
小程序測(cè)試技術(shù)小程序的有這種特點(diǎn):(1)類似WEB,但非HTML5;(2)即用即得;(3)擁有離線能力;(4)基于微信跨平臺(tái);(5)媲美原生操作體驗(yàn)
小程序的架構(gòu):微信小程序的框架包含兩部分:一部分是View視圖層(為了渲染頁(yè)面結(jié)構(gòu),一般用WebView渲染),另一部分是AppSerive 邏輯層(用來(lái)邏輯處理、數(shù)據(jù)請(qǐng)求、接口調(diào)用,該層是使用JSCore運(yùn)行),這兩部分是分別在2個(gè)線程里進(jìn)行運(yùn)行,是通過(guò)系統(tǒng)層的JSBrigdage進(jìn)行通信,AppSerive邏輯層把數(shù)據(jù)變化通知到WebView渲染,觸發(fā)WebView渲染頁(yè)面更新,WebView渲染把觸發(fā)的事件通知到App Serive邏輯層進(jìn)行業(yè)務(wù)處理。
小程序的測(cè)試點(diǎn)小程序的測(cè)試點(diǎn)可 詳見:??微信小程序測(cè)試點(diǎn)??
除此上面列出的小程序測(cè)試點(diǎn),還補(bǔ)充一下幾點(diǎn):
性能測(cè)試:除了(1)頁(yè)面的白屏?xí)r間;(2)首屏?xí)r間;(3)資源占用;(4)頁(yè)面渲染時(shí)間;還需要考慮耗電量、滑動(dòng)幀率的測(cè)試
安全測(cè)試:危險(xiǎn)賬號(hào)授權(quán)、與小程序的app賬號(hào)關(guān)聯(lián),以及接口測(cè)試中涉及傳遞的數(shù)據(jù)的安全性;
其他補(bǔ)充事項(xiàng):(1)小程序目前不支持分享至朋友圈,但是可以用圖片的方式分享至朋友圈;(2)小程序的添加刪除功能;(3)微信端取消授權(quán)登錄;(4)小程序升級(jí)更新(一般情況是強(qiáng)制升級(jí)更新);(5)是否支持離線操作;
本文轉(zhuǎn)載自微信公眾號(hào)「BeeTester視野」,可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系聯(lián)系【BeeTester視野】公眾號(hào)作者。
關(guān)鍵詞: 運(yùn)行環(huán)境 程序測(cè)試 相對(duì)較低 性能測(cè)試 數(shù)據(jù)存儲(chǔ)
X 關(guān)閉
X 關(guān)閉
- 15G資費(fèi)不大降!三大運(yùn)營(yíng)商誰(shuí)提供的5G網(wǎng)速最快?中國(guó)信通院給出答案
- 2聯(lián)想拯救者Y70發(fā)布最新預(yù)告:售價(jià)2970元起 迄今最便宜的驍龍8+旗艦
- 3亞馬遜開始大規(guī)模推廣掌紋支付技術(shù) 顧客可使用“揮手付”結(jié)賬
- 4現(xiàn)代和起亞上半年出口20萬(wàn)輛新能源汽車同比增長(zhǎng)30.6%
- 5如何讓居民5分鐘使用到各種設(shè)施?沙特“線性城市”來(lái)了
- 6AMD實(shí)現(xiàn)連續(xù)8個(gè)季度的增長(zhǎng) 季度營(yíng)收首次突破60億美元利潤(rùn)更是翻倍
- 7轉(zhuǎn)轉(zhuǎn)集團(tuán)發(fā)布2022年二季度手機(jī)行情報(bào)告:二手市場(chǎng)“飄香”
- 8充電寶100Wh等于多少毫安?鐵路旅客禁止、限制攜帶和托運(yùn)物品目錄
- 9好消息!京東與騰訊續(xù)簽三年戰(zhàn)略合作協(xié)議 加強(qiáng)技術(shù)創(chuàng)新與供應(yīng)鏈服務(wù)
- 10名創(chuàng)優(yōu)品擬通過(guò)香港IPO全球發(fā)售4100萬(wàn)股 全球發(fā)售所得款項(xiàng)有什么用處?