手機端調(diào)試大全

1.如何使用電腦上的谷歌瀏覽器來調(diào)試安卓手機上的移動端頁面(摘自:https://www.cnblogs.com/JinQingsong/p/6591830.html)
使用chrome remote debug出現(xiàn)空白或者404,解決方式(摘自:http://www.reibang.com/p/7be573c2f183)

2.如何使用電腦上的safari瀏覽器來調(diào)試ios手機上的移動端頁面(摘自:https://blog.csdn.net/guoyuyanmen/article/details/52485439)
3.charles調(diào)試袄简,證書安裝
https://blog.csdn.net/zpf_nevergiveup/article/details/78994481

1. [如何使用電腦上的谷歌瀏覽器來調(diào)試安卓手機上的移動端頁面]

第一步 首先你得打開手機的開發(fā)者選項馏慨,確保USB調(diào)試和通過USB驗證應(yīng)用程序保持打開狀態(tài)柜思,如圖所示
image

第二步 打開你電腦的上谷歌瀏覽器,調(diào)出控制臺得滤,點擊如圖所示這個3旁邊的3個點,這里面有更多的功能盒犹,點擊More tools懂更,在之后的頁面中discover USB devices選項打鉤,用你數(shù)據(jù)鏈連接你的電腦和手機阿趁,確認(rèn)后,左側(cè)devices會顯示連接設(shè)備,代表鏈接成功膜蛔。


image

image

image

image

第三步 在電腦上的谷歌瀏覽器輸入這個網(wǎng)址chrome://inspect/

image

第四步 手機端打開界面(部分app應(yīng)用不支持,可用谷歌瀏覽器打開界面)脖阵,輸入你想要調(diào)試的網(wǎng)頁皂股,我一般都是把網(wǎng)頁放到我的本地服務(wù)器,在手機瀏覽器上輸入我的本地網(wǎng)址命黔,如果是一個百度頁面的例子
image

最后一步呜呐,我們點擊inspect就可以審查手機頁面了,審查方法就跟審查PC網(wǎng)頁一樣了悍募。


image


訪問 `chrome://inspect/#devices`出現(xiàn)空白頁或出現(xiàn)404,用以下方式排查可基本解決問題
1.能夠訪問google.com
2.手機開啟usb調(diào)試模式
3.允許電腦訪問手機
4. 清除一下這里的緩存 chrome://appcache-internals/# 

safari調(diào)試iPhone app web頁面

Safari設(shè)置
打開Safari偏好者設(shè)置蘑辑,選中“高級菜單”,在頁面最下方看到“在菜單中顯示開發(fā)菜單”的復(fù)選框坠宴,在復(fù)選框內(nèi)打鉤洋魂,這樣設(shè)置完畢就能在Safari菜單中看到開發(fā)菜單了


image.png

iPhone設(shè)置
打開iPhone手機設(shè)置app 選擇Safari,找到高級選項喜鼓,有JavaScript開關(guān)web檢查器開關(guān)副砍,講兩個開關(guān)都打開


image.png

調(diào)試
到此,準(zhǔn)備工作完成庄岖。這時候講iPhone鏈接到mac上豁翎,打開Safari瀏覽器,運行手機app里面的web頁面隅忿,在開發(fā)菜單中選擇連接的手機心剥,找到調(diào)試的網(wǎng)頁邦尊,就能在Safari里面調(diào)試了

image.png

Safari調(diào)試窗口


image.png

Safari控制臺
在Safari中鼠標(biāo)右鍵,選擇檢查元素优烧,就可以看見Safari控制臺了蝉揍。如果看不到檢查元素選項,依照上面Safari設(shè)置打開開發(fā)選項

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末匙隔,一起剝皮案震驚了整個濱河市疑苫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌纷责,老刑警劉巖捍掺,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異再膳,居然都是意外死亡挺勿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門喂柒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來不瓶,“玉大人,你說我怎么就攤上這事灾杰∥秘ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵艳吠,是天一觀的道長麦备。 經(jīng)常有香客問我,道長昭娩,這世上最難降的妖魔是什么凛篙? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮栏渺,結(jié)果婚禮上呛梆,老公的妹妹穿的比我還像新娘。我一直安慰自己磕诊,他們只是感情好填物,可當(dāng)我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著霎终,像睡著了一般融痛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上神僵,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天,我揣著相機與錄音覆劈,去河邊找鬼保礼。 笑死沛励,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的炮障。 我是一名探鬼主播目派,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼胁赢!你這毒婦竟也來了企蹭?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤智末,失蹤者是張志新(化名)和其女友劉穎谅摄,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體系馆,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡送漠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了由蘑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片闽寡。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖尼酿,靈堂內(nèi)的尸體忽然破棺而出爷狈,到底是詐尸還是另有隱情,我是刑警寧澤裳擎,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布涎永,位于F島的核電站,受9級特大地震影響句惯,放射性物質(zhì)發(fā)生泄漏土辩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一抢野、第九天 我趴在偏房一處隱蔽的房頂上張望拷淘。 院中可真熱鬧,春花似錦指孤、人聲如沸启涯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽结洼。三九已至,卻和暖如春叉跛,著一層夾襖步出監(jiān)牢的瞬間松忍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工筷厘, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鸣峭,地道東北人宏所。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像摊溶,于是被迫代替她去往敵國和親爬骤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,870評論 2 361