隨著越來越多的設(shè)備進(jìn)入市場，你需要檢查你創(chuàng)建的任何網(wǎng)站是否全面兼容。一次糟糕的體驗(yàn)，用戶很可能會離開，不會再回來，這對企業(yè)來說可能是災(zāi)難性的，尤其是如果它剛剛起步。

檢查網(wǎng)站的外觀和行為與您使用它時的瀏覽方式有什么不同是至關(guān)重要的。一個常見的錯誤是認(rèn)為用戶只在肖像模式下在移動設(shè)備上瀏覽網(wǎng)站;他們不;橫向?yàn)g覽是常見的，特別是如果用戶習(xí)慣于觀看視頻。

以下是一些可以在不需要整個設(shè)備庫的情況下在設(shè)備上測試網(wǎng)站的頂級工具:

1. 多屏幕測試

WhatIsMyScreenResolution提供了一個很棒的小工具，可以輕松測試你的網(wǎng)站在不同設(shè)備上的外觀，而且絕對不需要花費(fèi)任何費(fèi)用。你輸入U(xiǎn)RL，然后在桌面、移動、平板電腦和電視之間選擇，然后選擇方向。每個設(shè)備也可以被分解成不同的大小和分辨率(或者你也可以輸入你自己的)，這使得測試一個網(wǎng)站在不同設(shè)備上的樣子比以往更容易。

2. Responsinator

Responsinator是另一個很好的工具，可以測試一個網(wǎng)站在其他設(shè)備上的外觀，而不需要花費(fèi)你的錢包。把你的URL放到頂部欄，它會立即顯示它在一般設(shè)備上的樣子。這是一個很棒的、易于使用的工具，您可以通過點(diǎn)擊站點(diǎn)上的任何鏈接來檢查多個頁面的可用性。這個網(wǎng)站是免費(fèi)的，但如果你想“創(chuàng)建你自己的”模板，你需要注冊。

3.谷歌開發(fā)工具

谷歌開發(fā)工具是最常用的免費(fèi)工具之一。把它添加到Chrome，你可以看到你的網(wǎng)站在各種不同的屏幕大小和分辨率。你可以模擬觸摸輸入、設(shè)備方向和地理位置來測試它們?nèi)绾喂ぷ?。使用他們的遠(yuǎn)程調(diào)試工具，可以在移動設(shè)備上查看頁面代碼的同時，直接從筆記本電腦或計(jì)算機(jī)上查看、更改、調(diào)試和配置頁面代碼，從而很容易地發(fā)現(xiàn)問題。

4. 瀏覽器堆棧

瀏覽器堆棧允許您在超過2000個實(shí)際設(shè)備和瀏覽器上測試站點(diǎn)，使您能夠?qū)崟r地看到站點(diǎn)的外觀。它的設(shè)置并不麻煩，而且可以無縫集成到您的設(shè)置中。因?yàn)樗谡鎸?shí)的瀏覽器和真實(shí)的機(jī)器上測試，你知道結(jié)果更可靠和準(zhǔn)確。它還允許您使用預(yù)先安裝的開發(fā)人員工具實(shí)時調(diào)試，以方便編輯。這些測試都安全地運(yùn)行在防篡改的物理設(shè)備上，并且在每次會話之后會清除所有數(shù)據(jù)，所以您不需要擔(dān)心安全性受到損害。

5. TestComplete移動

TestComplete Mobile允許您創(chuàng)建和運(yùn)行跨真實(shí)移動設(shè)備、虛擬機(jī)和模擬器的UI測試。你可以測試移動設(shè)備布局和應(yīng)用程序與腳本無關(guān)的記錄和回放動作。這可以幫助您編輯和修復(fù)測試期間可能出現(xiàn)的任何潛在問題。由于它們是在真實(shí)的設(shè)備上進(jìn)行的，所以與模擬設(shè)備相比，系統(tǒng)中出現(xiàn)錯誤的可能性更小。這是免費(fèi)的30天，然后可能會變得更貴，所以請確保你充分利用試用的機(jī)會，并在承諾之前試用這項(xiàng)服務(wù)。

6. Sizzy

Sizzy是一個檢查網(wǎng)站的好工具，它有很多功能來幫助你。您可以在橫屏和豎屏之間旋轉(zhuǎn)屏幕，根據(jù)操作系統(tǒng)和設(shè)備類型進(jìn)行篩選，切換主題和截屏。這些小事情意味著它是一個超級容易使用和方便的工具。它聲稱可以模擬每個設(shè)備的視口和用戶代理，這意味著結(jié)果與你在手機(jī)/平板電腦上看到的結(jié)果是一樣的。然而，它不能模擬不同的瀏覽器渲染引擎，因此可能會有一些細(xì)微的差異與實(shí)際的東西。Sizzy提供免費(fèi)試用或不同的價(jià)格套餐，每月5美元起。