GOGOGO免费完整国语版_GOGOGO手机高清在线观看_GOGOGO免费完整国语_GOGOGO高清完整版_GOGOGO免费高清在线完整版_GOGOGO免费高清完整版

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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