大地资源第三页高清在线观看免费,大地影视中文资源6,大地二资源在线高清免费,大地资源高清在线视频,大地第二资源在线播放免费观看,大地二资源在线高清国语版

HTML5,移動網站建設,高端網站建設,企業網站建設,廣州響應式網站

這個時代移動已經成為趨勢，主流從桌面瀏覽器變為移動應用。HTML5作為新興的web技術，由于可以同時支持Android和IOS系統等多種移動設備，升級無需安裝，迭代成本相對低。

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

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

【接口測試】
根據開發提供的接口文檔，編寫測試用例，根據協議選擇對應的測試工具。恒生T2協議可以使用hsadmin，http協議可以選擇httpquester（firefox)，jmeter等。
接口測試主要關注點：
1）接口返回的數據期望的是否一致；
2）接口入參的邊界值校驗 ；
3）檢查接口的容錯性 比如對于傳輸數據類型錯誤能否處理等，整型的輸入小數、中英文等；
4）接口的性能情況，調用接口數據返回的時間，接口反應慢肯定影響用戶體驗。 
5）接口的安全性：接口部分敏感信息是否加密傳輸等 

【功能測試】
可用性：測試中的重點，可以根據自己業務和功能進行測試。

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

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

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

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

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

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

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

本文來自廣州品牌網站建設網站設計制作公司-縱天科技

標簽：HTML5,移動網站建設,高端網站建設,企業網站建設,廣州響應式網站