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

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

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

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

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

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


image

image

image

image

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

image

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

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


image


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

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

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


image.png

iPhone設(shè)置
打開iPhone手機(jī)設(shè)置app 選擇Safari,找到高級(jí)選項(xiàng),有JavaScript開關(guān)web檢查器開關(guān),講兩個(gè)開關(guān)都打開


image.png

調(diào)試
到此,準(zhǔn)備工作完成。這時(shí)候講iPhone鏈接到mac上,打開Safari瀏覽器,運(yùn)行手機(jī)app里面的web頁面,在開發(fā)菜單中選擇連接的手機(jī),找到調(diào)試的網(wǎng)頁,就能在Safari里面調(diào)試了

image.png

Safari調(diào)試窗口


image.png

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容