七星彩走势图彩宝贝1|七星彩双头双尾

很久沒有使用安卓手機,所以就用安卓手機瀏覽器訪問一下破折君博客,突然發現有幾個版塊顯示有一些問題。因為之前一直都是iPhone測試發現都沒有問題,安卓并沒有取做測試。為了將這個問題解決,所以就想要找一個移動端調試工具。相信對于做過前端的小伙伴對網頁調試工具和方法都很熟悉,比如Chrome開發者工具,firebug,等等。

移動端調試工具

但是現在網站都重心轉向移動端,找了很久發現最簡單方便的還是使用chrome自帶的移動端模擬器,這邊說下如何利用Chrome自帶的開發者工具來進行移動設備的真機調試,推薦使用這種方法的原因一個是最熟悉,還有一個是這種方式不需要在移動設備上安裝任何軟件。

使用谷歌瀏覽器自帶模擬器的具體操作步驟如下:

(1)打開chrome開發者工具,按F12或者(Fn+F12),然后找到右上角的齒輪按鈕,打開設置面板,選擇Overrides,勾上Show ‘Emulation’ view in console drawer(在控制臺視圖中顯示“仿真”)。

(2)然后關閉設置面板,選擇Elements面板(非Console就可以),找到右上角打開控制臺面板,選擇控制臺面板里的Emulation面板,右邊有很多選項,選擇一個點擊Emulate就可以了,Reset按鈕能恢復到默認狀態。

(3)可以選擇iPhone、ipad、Galaxy等移動設備進行模擬,另外還可以在“Add custom devices”中添加自己想測試的設備信息。

(4)設置好后打開就能看到移動端的網頁,就可以在電腦上調試移動端網頁了。

也許你也感興趣:

作者:
該日志由 破折君 于2019年12月02日發表在Html5分類下,
轉載請注明: 如何在PC上模擬手機瀏覽器調試移動端的網頁?
關鍵字: , ,
【上一篇】
【下一篇】

2 篇回應 (訪客:1 篇, 博主:1 篇)

  1. 含鄱口 說道:

    移動端調試神器vconsole和手機端網頁的調試工具Eruda沒試試嗎?

    #1樓
七星彩走势图彩宝贝1 山西11选五走势图一定牛 现金咖啡 迅赢足球比分直播 福彩大乐透开奖结果查询玩法 黑龙江22选5 即嗨比分app下架了吗 188比分网址 哈尔滨17好友麻将外挂 青海十一选五走势图 2019cba季前赛直播 篮球即时比分球探 内蒙古十一选五一定 富盈门财富 球探比分即比分 山东十一选五360 全球股票指数基金