介绍一个前端页面开发必备神器,chrome扩展,设备模拟器
生活随笔
收集整理的這篇文章主要介紹了
介绍一个前端页面开发必备神器,chrome扩展,设备模拟器
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
有了這個擴展,我們無需手動打開Chrome開發(fā)者工具去模擬設備了:
在Chrome web store里搜索關鍵字設備模擬器:
安裝之后,點擊Chrome工具欄里的黃色圖標打開User-Agent的下拉選項:
之后就會用選中的user-agent重新請求網頁了。
下圖是我在筆記本電腦上用小米手機對應的user-agent去打開知乎網站的一個例子,可以看到屏幕下方出現(xiàn)了原本只有在移動設備上才能看到的提示:App內打開
而正常的PC端瀏覽這個網頁,如下圖,是不會出現(xiàn)這個按鈕的:
不光能選擇移動設備對應的User-Agent,還能選擇模擬各種類型的瀏覽器,比如360瀏覽器,獵豹瀏覽器等。
IE,firebox當然更沒有問題。
要獲取更多Jerry的原創(chuàng)文章,請關注公眾號"汪子熙":
總結
以上是生活随笔為你收集整理的介绍一个前端页面开发必备神器,chrome扩展,设备模拟器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: sound是什么意思 boomsound
- 下一篇: 源于 Node.js的HTML 模板引擎