/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
身為一個網站開發人員怎麼能沒有一款好的響應式頁麵測試工具呢,下麵小編就為大家推薦一款ViewportResizer官方版,主要是用來測試網頁的響應式布局在各種電腦手機屏幕上的效果,ViewportResizer官方版非常的簡單實用,ViewportResizer官方版安裝後隻要點擊插件圖標就會在頁麵頭部出現該插件的窗口,上麵有各種屏幕類型測試!
1、小編這裏使用的是chrome瀏覽器,首先在標簽頁輸入【chrome://extensions/】進入chrome擴展程序,解壓你在本頁下載的Viewport Resizer插件,並拖入擴展程序頁即可。
2、安裝完成後,打開網頁試試吧。
3、進入網頁後,點擊右上角的Viewport Resizer插件圖標即可開始測試,隻要點擊頭部出現的窗口裏各類型的屏幕類型即可測試響應式布局。
4、點擊手機類型後,手機屏幕的測試效果。
5、在電腦類型中的測試效果。
Tampermonkey插件(油猴腳本) v4.3.5410 免費版04-01 / 726K
Tampermonkey雲無限速插件免費版(油猴雲加速插件) v4.3.5410 最新版04-01 / 958K
油猴Firefox瀏覽器插件(tampermonkey火狐版) 免費版04-01 / 236K
360瀏覽器tampermonkey插件最新版(油猴插件) v4.3.5410 免費版04-01 / 958K
tampermonkey Edge瀏覽器插件(油猴插件) v4.0.69 官方版04-01 / 725K
tampermonkey油猴穀歌瀏覽器插件最新版免費版04-01 / 958K