Chrome 38/39“設(shè)備模式”調(diào)試移動網(wǎng)頁的技巧

2014-12-29 11:38:02來源:威易網(wǎng)作者:icech

Chrome的開發(fā)者工具是網(wǎng)頁開發(fā)人員最好的工具之一。從Chrome 32開始開發(fā)者工具提供了一個“Emulation”模式來模擬手機等移動設(shè)備;在Chrome 38以后開發(fā)者工具升級,在保留之前“Emulation”模式前提下,開增加了一個“設(shè)備模式”(device mode)來更好的模擬各種設(shè)備……

Chrome的開發(fā)者工具是網(wǎng)頁開發(fā)人員最好的工具之一。從Chrome 32開始開發(fā)者工具提供了一個“Emulation”模式來模擬手機等移動設(shè)備;在Chrome 38以后開發(fā)者工具升級,在保留之前“Emulation”模式前提下,開增加了一個“設(shè)備模式”(device mode)來更好的模擬各種設(shè)備及他們的網(wǎng)頁在室外將會遇到的各種情景。

使用的方法很簡單,在瀏覽頁面的時候按“F12”,打開開發(fā)者工具。點擊左上角的“手機”(Toggle device mode)圖標(biāo)。

\

這時候,就會切換到移動設(shè)備的狀態(tài),可以選擇不同的“Device”(設(shè)備)和“Network”(網(wǎng)絡(luò))狀態(tài)。如果您想修改UA,還可以在UA后面的輸入框進行調(diào)整。