網(wǎng)站開發(fā)

Website development

如何開始在不到2小時(shí)的瀏覽器測(cè)試

發(fā)布時(shí)間：2017-01-20 10:45:59

使Web應(yīng)用程序的樂趣。嗯，它應(yīng)該是有趣的，但它不常。不是的，因?yàn)橛羞@么多的瀏覽器，操作系統(tǒng)，和設(shè)備來迎合。誰(shuí)有資源來滿足每一個(gè)設(shè)備的配置和操作系統(tǒng)的安裝程序，一般用戶是可能的嗎？誰(shuí)能真正涵蓋一切？

盡管這一挑戰(zhàn)，能夠提供好的經(jīng)驗(yàn)，這是我們的責(zé)任；而要做到這一點(diǎn)，我們需要找到一種方式來做可靠的瀏覽器測(cè)試。

所以在這篇文章中，我將向你展示如何開始提供你一個(gè)一步一步引導(dǎo)跨瀏覽器測(cè)試擠滿了技巧、方法和工具。當(dāng)你完成后，你會(huì)得到所有你需要開始。

瀏覽器測(cè)試是什么？

那么什么是瀏覽器測(cè)試？很多名字，包括瀏覽器兼容性測(cè)試和用戶體驗(yàn)測(cè)試，這是測(cè)試以確保網(wǎng)站或Web應(yīng)用程序的工作，正如預(yù)期的那樣，在一個(gè)給定的瀏覽器。

這是基于一系列標(biāo)準(zhǔn)，包括：

基本功能：是鏈接，對(duì)話框，菜單可根據(jù)要求
用戶界面：不相匹配的規(guī)范
優(yōu)雅降級(jí)：不經(jīng)歷調(diào)整桌面和移動(dòng)瀏覽器之間
響應(yīng)性:網(wǎng)站是否基于標(biāo)準(zhǔn)如分辨率、旋轉(zhuǎn)移動(dòng)瀏覽器的調(diào)整和定位
性能：做站點(diǎn)的負(fù)載在一個(gè)合適的時(shí)間框架，同時(shí)允許網(wǎng)絡(luò)連接速度

自動(dòng)與手動(dòng)瀏覽器測(cè)試

現(xiàn)在讓我們?cè)跍y(cè)試的兩種基本類型：自動(dòng)和手動(dòng)。自動(dòng)化測(cè)試是建立測(cè)試可運(yùn)行小，能力或沒有，人為干預(yù)。

手動(dòng)測(cè)試，另一方面，顧名思義，需要測(cè)試人員故意參與驗(yàn)證應(yīng)用程序或網(wǎng)站的功能。

我應(yīng)該用哪一種？

這是個(gè)好問題，但不一定容易回答。為了幫助你，這里列出了一些要問的問題，無論是你自己或你的團(tuán)隊(duì)，知道哪個(gè)效果好。

是你的應(yīng)用/網(wǎng)站的新的或舊的？
你的應(yīng)用/網(wǎng)站有多復(fù)雜？
有幾個(gè)瀏覽器并應(yīng)用/網(wǎng)站有支持嗎？
多少設(shè)備并應(yīng)用/網(wǎng)站的支持？
有多少操作系統(tǒng)并應(yīng)用/網(wǎng)站的支持？
多少個(gè)版本的瀏覽器的應(yīng)用/網(wǎng)站有支持嗎？
你只需要支持新版本？
績(jī)效標(biāo)準(zhǔn)是什么？

我需要跨瀏覽器測(cè)試？

這是只有你和你的團(tuán)隊(duì)可以回答。但是要知道簡(jiǎn)單的方法是通過你的設(shè)計(jì)規(guī)范。如果只要求，應(yīng)用程序只需要工作在您的公司內(nèi)部網(wǎng)，那么你需要關(guān)心。

然而，如果你的規(guī)范要求每一個(gè)瀏覽器的新版本，在桌面以及iOS、Android、Windows手機(jī)，那么你需要跨瀏覽器測(cè)試。

什么時(shí)候開始跨瀏覽器測(cè)試

如果你需要做跨瀏覽器測(cè)試，然后開始時(shí)間好是盡快。雖然需要可能不存在，然而，它可能會(huì)遲早。

至少有了一個(gè)開始只能幫助；即使只在Chrome和Firefox，保證不同的渲染引擎的比較。

喜歡什么，不要把它留到后一分鐘。開始，在這個(gè)過程中，更強(qiáng)大的網(wǎng)站。

使用工具瀏覽器測(cè)試

現(xiàn)在我們已經(jīng)覆蓋的基礎(chǔ)，讓我們?cè)?的工具，可以幫助你測(cè)試一下。

Browser testing with Saucelabs

1.saucelabs：在云瀏覽器自動(dòng)測(cè)試

saucelabs是一項(xiàng)可用于瀏覽器測(cè)試工具的自動(dòng)化測(cè)試的首映，體育硒和JavaScript測(cè)試，本地和移動(dòng)應(yīng)用在一系列的iOS和Android設(shè)備的測(cè)試，以及對(duì)各種瀏覽器和平臺(tái)的手動(dòng)測(cè)試。

Browser Testing with Browserstack

2.BrowserStack：跨瀏覽器兼容性測(cè)試

BrowserStack絕對(duì)是著名的瀏覽器測(cè)試工具，可今天，和很好的理由。它提供了幾乎任何版本的任何桌面或移動(dòng)瀏覽器網(wǎng)站測(cè)試的能力，在一個(gè)幾乎無處不在的陣列硬件設(shè)備配置。更重要的是，它還允許地方或私人機(jī)構(gòu)測(cè)試。

Browser Testing with Browserling

3.browserling

雖然沒有復(fù)雜的外觀，前兩年，Browserling提供了一個(gè)令人印象深刻的價(jià)格令人印象深刻的特點(diǎn)。他們提供了所有新的瀏覽器測(cè)試的支持以及對(duì)以前版本的支持。SSH隧道可以為地方或私人測(cè)試設(shè)置。很快，他們可以提供的截圖和視頻以及會(huì)議記錄。

Browsertesting with browsershots.org

4.Browsershots

瀏覽器的鏡頭是從以前的選擇有點(diǎn)不同。而不是提供查看您的網(wǎng)站或應(yīng)用程序在本地的能力，Browsershots創(chuàng)造了截圖的URL在瀏覽器提供的范圍要求你可以稍后查看。

browser testing with ghostlab

5.ghostlab

ghostlab又有所不同。可以安裝在一個(gè)本地應(yīng)用程序，它提供了許多先進(jìn)的功能，包括同步測(cè)試和JavaScript的檢驗(yàn)。它還提供了用于創(chuàng)建和恢復(fù)一組自定義瀏覽器的配置，以便測(cè)試會(huì)話之間保持一致。更重要的是，它還負(fù)責(zé)填表，節(jié)省你這樣做的努力。

browsertesting with responsinator

6.responsinator

responsinator是一個(gè)偉大的工具，了解你的網(wǎng)站看起來像在一些流行的設(shè)備。從iPhone6 Plus在肖像模式，第一代的景觀模式的Android，它顯示你的網(wǎng)站可能看起來像。

browser testing with usersnap

7.usersnap

后，有usersnap。一旦你確定了你的設(shè)計(jì)問題，確保你能夠報(bào)告他們快速有效。由usersnap反饋部件與您的網(wǎng)站或應(yīng)用集成，你可以給你的團(tuán)隊(duì)提供了豐富的信息，在需要的時(shí)候。

例如，當(dāng)您的QA團(tuán)隊(duì)正在測(cè)試您的網(wǎng)站，他們發(fā)現(xiàn)問題，他們可以登錄注釋截圖，勾勒出問題的發(fā)現(xiàn)。隨著截圖、主機(jī)系統(tǒng)的信息，如操作系統(tǒng)、瀏覽器、屏幕分辨率等，也將被存儲(chǔ)。這一信息是可用的，在usersnap儀表板，為你的整個(gè)團(tuán)隊(duì)使用。

這就是現(xiàn)代的跨瀏覽器測(cè)試的基礎(chǔ)。雖然絕對(duì)是一個(gè)挑戰(zhàn)，對(duì)于所有的瀏覽器，硬件和設(shè)備選項(xiàng)，提示，指標(biāo)，和我們今天提供覆蓋，工具開始今天的有效途徑。

如果你沒有這樣做，看看我們已經(jīng)看到你的瀏覽器測(cè)試的質(zhì)量改善工具。但是當(dāng)你開始工作，確保你保持跟蹤你的情況。

更好的是什么，手動(dòng)或自動(dòng)測(cè)試？你需要做跨瀏覽器測(cè)試？或是你的應(yīng)用程序能夠把焦點(diǎn)放在一個(gè)瀏覽器和硬件選擇有限？確保你把你的努力是明智的。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://mpian.cn/i,72,7075,0.html

上一篇：20種神奇的Web開發(fā)通訊值得一讀

下一篇：8個(gè)基本錯(cuò)誤報(bào)告技能每個(gè)QA劑應(yīng)該......

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理