做好兼容性檢查讓您留住來(lái)訪客戶

　　很多企業做好官網以(yǐ)後就(jiù)認爲(wéi / wèi)可以(yǐ)坐等客戶來(lái)訪，詢盤會源源不(bù)斷的(de)到(dào)來(lái)。事實上(shàng)，每個(gè)客戶使用的(de)訪問終端不(bù)一(yī / yì ／yí)樣，看到(dào)的(de)您的(de)網站效果也(yě)會不(bù)一(yī / yì ／yí)樣，有些情況下，浏覽效果可能會是(shì)您意想不(bù)到(dào)的(de)。

　　實際上(shàng)目前市面上(shàng)主流的(de)終端分辨率可能比我們知道(dào)的(de)還多，畢竟廠家可能會有公開市場的(de)産品也(yě)會有行業定制市場的(de)産品，這(zhè)些産品可能擁有很不(bù)一(yī / yì ／yí)樣的(de)顯示分辨率。當用戶使用這(zhè)些終端浏覽網頁的(de)時(shí)候，由于(yú)終端分辨率的(de)不(bù)同，浏覽器渲染出(chū)來(lái)的(de)網頁效果也(yě)會不(bù)同。

　　很多時(shí)候web工程師都會在(zài)自己唯一(yī / yì ／yí)的(de)一(yī / yì ／yí)台pc或mac上(shàng)來(lái)開發網站，最終呈現的(de)效果往往在(zài)某一(yī / yì ／yí)種分辨率下最佳，而(ér)在(zài)其他(tā)一(yī / yì ／yí)些分辨率上(shàng)效果的(de)好壞，往往與工程師的(de)水平有直接關系。比如工程師的(de)整體設計能力、編碼規範等。

　　目前市面上(shàng)主流分辨率尺寸：

　　1024x768
　　1280x1024
　　1366x768
　　1440x900（Macbook）
　　1600x900
　　1680x1050
　　1920x1080（主流寬屏PC）
　　1920x1200
　　2560x1440（iMac）

　　想要(yào / yāo)留住客戶，那麽第一(yī / yì ／yí)步就(jiù)得确保客戶在(zài)各種主流分辨率下都能擁有良好的(de)視覺和(hé / huò)操作體驗。接下來(lái)我們看看如何使用chrome來(lái)測試網頁在(zài)不(bù)同分辨率下的(de)顯示情況：

在(zài)chrome浏覽器中增加屏幕尺寸方案

第一(yī / yì ／yí)步，進入開發者工具，如下圖所示：

點擊後進入下圖所示的(de)控制面闆：

第二步，點擊開發者面闆左上(shàng)角的(de)設備模式調整按鈕：

第三步，添加要(yào / yāo)測試的(de)設備方案

點擊上(shàng)面的(de)編輯後，右側開發者面闆變爲(wéi / wèi)下圖所示，我們可以(yǐ)點擊添加設備Add custom device 添加設備方案：

第四步，添加設備方案并填寫設備的(de)尺寸信息，如下圖添加了(le／liǎo)一(yī / yì ／yí)個(gè)1280x1024的(de)桌面設備方案：

接下來(lái)我們在(zài)浏覽網頁的(de)時(shí)候就(jiù)可以(yǐ)選擇對應的(de)分辨率進行浏覽，如果我們選擇剛添加的(de)1280x1024尺寸的(de)設備進行浏覽，這(zhè)就(jiù)相當于(yú)用一(yī / yì ／yí)台1280x1024的(de)顯示器進行浏覽。