返回首頁
當前位置: 主頁 > 精通Office > 其他教程 >

如何使用Chrome開發者工具模擬主流移動設備

時間:2017-06-23 15:15來源:知行網www.ayratv.icu 編輯:麥田守望者

Chrome瀏覽器提供了強大了Chrome 開發者工具,以幫助廣大網站開發者提供諸如兼容性等的測試工作,下面說說如何使用Chrome開發都工具模擬主流移動設備。

  • 1、要使用這個功能,首先確保你的Chrome在32以后版本。在你沒有做任何“優化”的情況下,chrome會自動更新至最新版本的,目前最新為Chrome35。
  • 2、 按F12或(Ctrl+Shift+I)鍵來打開”開發者工具”,點擊[Show drawer]圖標
    Chrome模擬移動設置瀏覽愛玩電腦 
  • 3、選擇[Emulation]后你會在Device一欄的下拉列表中看到主流的移動設備,覆蓋平板,手機,平臺也包括android,iOS,Windows Phone
  • win7en 2014-06-22_093600
    選擇你需要測試的機型,比如我們這里選擇的是谷歌的Nexus 7 平板,然后再點擊[Emulate]按鈕即可。接下來頁面就呈現出Nexus 7 真機下顯示的頁面效果了,此時的鼠標也變成了一個小灰點也模擬手指滾動的效果。

對于普通用戶,這個功能有什么用呢?比如你可以用這個地址來訪問某些網站的移動端,來獲取他們針對移動端的活動之類的,這個就要看實際情況了,有了它,至少在急需的時候不用去找其他的插件了

------分隔線----------------------------
標簽(Tag):Chrome開發者工具
------分隔線----------------------------
推薦內容
猜你感興趣
pk10赛车直播视频