響應式網頁設計測試表格因素和主流瀏覽器方法
文 / MT鄒 / 2016-11-01
進行響應式網頁設計的人員須知，如今客戶使用設備多種多樣，如iPhone和筆記本，iMac，Kindle和很多平板設備等，不同設備可能會使用不同的瀏覽器，并且每種表格因素和瀏覽器的組合都可能導致不同的頁面渲染。并且這些行為可能在每個版本上都不太一樣。
進行響應式網頁設計的人員須知，如今客戶使用設備多種多樣，如iPhone和筆記本，iMac，Kindle和很多平板設備等，不同設備可能會使用不同的瀏覽器，并且每種表格因素和瀏覽器的組合都可能導致不同的頁面渲染。并且這些行為可能在每個版本上都不太一樣。
響應式網頁設計
不過瀏覽器是免費的。如果你使用Windows平臺，可以輕易地安裝主流瀏覽器：Internet Explorer、Chrome、Firefox，然后使用免費工具，比如Browsershots，或者付費工具，比如CrossBrowserTesting，來檢查網頁在Safari上的外觀。如果你使用的是Mac，可以安裝除了Internet Explorer（IE）之外的所有瀏覽器，但是可以從Modern.ie上下載IE特定的虛擬機，從而簡單地得到幾乎所有版本的IE。
然后，“測試”工作就是去查看網頁是否渲染正確，瀏覽所有的可選項，驗證動態內容能否正常加載，看上去是否奇怪，并且執行并驗證程序主邏輯。如果是房屋抵押應用程序，那么就去嘗試新建一個抵押。如果是文字處理程序，就嘗試創建一個文檔，并且在測試過程中檢查用戶界面。平臺方面，需要找出軟件主要的使用者是誰。對于內部軟件，用戶使用筆記本，手機（Android和iOS），或者平板的可能性很大。建議購買每種主要類型的機器作為測試機型，這些費用相比整體開發成本而言應該是微不足道的。當測試團隊等待所需的特定移動設備時，開發團隊應該會愿意分享他們的手機和平板。
之后，考慮是否需要支持舊的瀏覽器，可能是為了公司客戶，并且在這些設備上做程序主邏輯測試。在此期間，可能會發現可用性問題，如圖片顯示的地方不合適，或者頁面“感覺”很奇怪，這可能不是個bug，但也可能是，可以把這些發現分享給團隊。
文章由上海網站建設公司昭歌信息整理發布http://www.hg-led.cn/，轉載請注明出處
