亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

HTML5,移動(dòng)網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站

這個(gè)時(shí)代移動(dòng)已經(jīng)成為趨勢，主流從桌面瀏覽器變?yōu)橐苿?dòng)應(yīng)用。HTML5作為新興的web技術(shù)，由于可以同時(shí)支持Android和IOS系統(tǒng)等多種移動(dòng)設(shè)備，升級(jí)無需安裝，迭代成本相對(duì)低。

另外階段性的推廣活動(dòng)，用HTML5也是不錯(cuò)的選擇，只要對(duì)接的App的入口關(guān)閉，不用大改動(dòng)App本身的代碼，影響也比較小。
因此，HTML5成為技術(shù)界的熱門話題。但由于瀏覽器支持不一，系統(tǒng)無法兼容IE6,7,8，而IE的市場還是相對(duì)大，所以PC  web較少用到html5。H5可以說是為了解決移動(dòng)WEB應(yīng)用而誕生的技術(shù)。
HTML5也有其自身的局限性。瀏覽的體驗(yàn)短期內(nèi)還無法超越原生應(yīng)用，雖然很酷，但是用戶體驗(yàn)不如Native App，優(yōu)質(zhì)的用戶界面和華麗的交互是HTML5做不到的，也不能針對(duì)不同的平臺(tái)構(gòu)造不同的服務(wù)。
另外html5調(diào)用本地文件系統(tǒng)的能力弱，也不能像Native App那樣推送消息給客戶，友好性會(huì)差些。HTML5由于所有數(shù)據(jù)都是服務(wù)器上獲取，相比Native App響應(yīng)速度較慢，所以部分體驗(yàn)還是不盡如人意的。
不過移動(dòng)設(shè)備的兼容性和輕量級(jí)，使他也有一定的市場?，F(xiàn)在所在的產(chǎn)品部，HTML5主要嵌入在Native App里面和微信公眾號(hào)里面，這也限定了我們的測試環(huán)境。
簡單的說了一些HTML5的現(xiàn)狀，有點(diǎn)班門弄斧下面我就簡單的把我的測試經(jīng)驗(yàn)分享下:
HTML5其實(shí)也是web的一種，所以基本的web測試的一些重點(diǎn)，HTML5上都要過一遍，不過也有其特殊之處。

【需求設(shè)計(jì)測試】
需求是否合理、是否有更好的實(shí)現(xiàn)方法或者功能的遺漏，以及原型圖測試，包括用戶體驗(yàn)和用戶習(xí)慣，或者發(fā)現(xiàn)業(yè)務(wù)不明確或者矛盾。把問題發(fā)現(xiàn)在源頭，減少后期因需求變更引起開發(fā)和測試的迭代成本。在需求階段即介入測試功能點(diǎn)的編寫和記錄，也符合盡早介入測試的原則。

【接口測試】
根據(jù)開發(fā)提供的接口文檔，編寫測試用例，根據(jù)協(xié)議選擇對(duì)應(yīng)的測試工具。恒生T2協(xié)議可以使用hsadmin，http協(xié)議可以選擇httpquester（firefox)，jmeter等。
接口測試主要關(guān)注點(diǎn)：
1）接口返回的數(shù)據(jù)期望的是否一致；
2）接口入?yún)⒌倪吔缰敌ｒ?yàn) ；
3）檢查接口的容錯(cuò)性 比如對(duì)于傳輸數(shù)據(jù)類型錯(cuò)誤能否處理等，整型的輸入小數(shù)、中英文等；
4）接口的性能情況，調(diào)用接口數(shù)據(jù)返回的時(shí)間，接口反應(yīng)慢肯定影響用戶體驗(yàn)。 
5）接口的安全性：接口部分敏感信息是否加密傳輸?shù)?nbsp;

【功能測試】
可用性：測試中的重點(diǎn)，可以根據(jù)自己業(yè)務(wù)和功能進(jìn)行測試。

【用戶界面測試】
根據(jù)測試和評(píng)審修改過的UED，測試開發(fā)遞交的測試包。風(fēng)格、樣式、顏色是否協(xié)調(diào)，不僅包括HTML5本身，因?yàn)镠TML5會(huì)嵌入App里面，所以要考慮h5的風(fēng)格、樣式、顏色是否與app本身協(xié)同，不至于格格不入，包括用戶習(xí)慣等也最好保持一致或相近，最好在設(shè)計(jì)初期就有顏色、按鈕、圖片、背景、邊框等詳細(xì)規(guī)劃和統(tǒng)一。
但是正是由于H5的可移植性，同一服務(wù)會(huì)嵌入到N家客戶的產(chǎn)品中，難以與各家都完全統(tǒng)一，所以在設(shè)計(jì)中就應(yīng)該考慮這些問題。

【兼容性測試】
前文提到PC  web因?yàn)闊o法兼容IE6.7.8。PC主要測試在不同系統(tǒng)下不同瀏覽器google、firefox、360、IE9、IE10、IE11等主流瀏覽器下的界面兼容和功能兼容，因?yàn)椴煌瑸g覽器對(duì)HTML、SVG、XHTML，CSS及javascript的解析會(huì)有不同。
例如有些瀏覽器能夠發(fā)送驗(yàn)證碼，而有些會(huì)功能失效，頁面排版也會(huì)錯(cuò)亂等。手機(jī)HTML5主要應(yīng)用是嵌入在app或者微信公眾號(hào)里面，所以兼容性主要是IOS、android2個(gè)系統(tǒng)各種主流機(jī)型的適配。
下面做了一些與App對(duì)接測試常見問題：
▲由于HTML5嵌入在App里面，輸入框需要調(diào)用原生鍵盤。由于andriod不同手機(jī)的差異化，會(huì)導(dǎo)致原生鍵盤功能不同。曾發(fā)現(xiàn)三星的android某版本調(diào)用原生數(shù)字鍵盤沒有小數(shù)點(diǎn)，后只要碰到三星機(jī)器就調(diào)用全鍵盤；
▲App底部導(dǎo)航欄是否帶入到H5頁面中，打開鍵盤是否會(huì)影響導(dǎo)航欄位置變動(dòng)。一般在HTML5頁面中應(yīng)該刪除App的導(dǎo)航欄；
▲App與HTML5對(duì)接部分需要加密傳輸；
▲App頭部的點(diǎn)擊后返回的是前一個(gè)頁面還是退回app主界面，需要注意；
▲IOS、Android的部分機(jī)型由于鍵盤的打開和收起會(huì)出現(xiàn)提示或確認(rèn)頁面彈框上下不居中；
▲由于網(wǎng)絡(luò)問題偶現(xiàn)的App的報(bào)錯(cuò)需要包裝；
▲從App各個(gè)入口進(jìn)入HTML5界面都是免登錄，各入口登錄、登出正常；
▲在各個(gè)機(jī)型中，屏幕較小和較大的機(jī)器會(huì)出現(xiàn)不能全部顯示或者部分空白的情況。
▲長時(shí)間不操作HTML5或者App，需要重新登錄，或者需要重新輸入密碼；
▲屏幕較小手機(jī)提交參數(shù)的確認(rèn)頁面，由于字?jǐn)?shù)較多會(huì)出現(xiàn)換行的情況，需要做適配。
微信主要是入口不一致，申請對(duì)接公眾號(hào)后，需要用微信自帶的瀏覽器進(jìn)行兼容性測試，其他很多都相似，此處不在贅述。

【網(wǎng)絡(luò)測試】
由于H5系統(tǒng)很多是云服務(wù)，所有響應(yīng)速度普遍較慢。我們測試的時(shí)候一般會(huì)用wifi，速度會(huì)相對(duì)可觀點(diǎn)。我們應(yīng)該觀察在4G、3G、甚至2G的網(wǎng)下，看響應(yīng)時(shí)間是否在忍受范圍內(nèi)。時(shí)間過長的話，需要提示優(yōu)化代碼做改善。

【安全測試】
由于我們對(duì)應(yīng)的產(chǎn)品部利用HTML5把一些通用功能做成了云服務(wù)，可以嵌入多家客戶的App，根據(jù)渠道劃分，所以安全性顯得尤為重要。

【性能測試】
隨著對(duì)接客戶的增加，對(duì)服務(wù)的性能方面的要求也會(huì)增加。對(duì)于云服務(wù)的模塊需要做性能測試。

由于部門機(jī)器的有限，第一輪測試我一般是采用google模擬器測試，也方便快速熟悉交互，最重要的是可以簡單調(diào)試報(bào)錯(cuò)信息，定位缺陷原因，便于開發(fā)調(diào)試。
第二輪大功能基本穩(wěn)定后，我才會(huì)借各種機(jī)器，用手機(jī)的自帶的瀏覽器測試手機(jī)的兼容問題。因?yàn)閍pp一般同步開發(fā)，App團(tuán)隊(duì)給不了穩(wěn)定的包給我們做對(duì)接測試。

第三輪或者等App能給出穩(wěn)定的包的時(shí)候，才嵌入微信和App測試。

本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技

標(biāo)簽：HTML5,移動(dòng)網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站