IOS 客戶端 H5調(diào)試方法

網(wǎng)上找到了兩種IOS端的H5應(yīng)用調(diào)試方法填物,都嘗試并使用了一下纹腌。網(wǎng)上東西都比較雜亂霎终,所以自己試過之后就總結(jié)了一下。

1.直接使用Safari瀏覽器進(jìn)行調(diào)試

http://www.reibang.com/p/126d02ae9c14
按照上面這個(gè)步驟就可以實(shí)現(xiàn)升薯,但前一段時(shí)間自己在使用的時(shí)候會(huì)出現(xiàn)閃退的情況莱褒,不過最近突然又能夠穩(wěn)定使用,目前不知道是什么原因涎劈,很迷广凸。有可能和當(dāng)時(shí)設(shè)備的狀態(tài)有關(guān)系。

2.使用Chrome瀏覽器進(jìn)行調(diào)試

在網(wǎng)上看到兩種方法都進(jìn)行了嘗試

(1)使用iOS-webkit-debug-proxy

https://blog.csdn.net/mcky_love/article/details/80847520

事實(shí)證明這種方法只能看到移動(dòng)端H5頁面的代碼蛛枚,不能實(shí)現(xiàn)和移動(dòng)端的連調(diào)

(2)使用remotedebug-ios-webkit-adapter

能夠?qū)崿F(xiàn)調(diào)試效果谅海,不過第一次使用需要用梯子,但是只有第一次才需要蹦浦,以后有了緩存就不要了扭吁,除非你的緩存被清掉。
整理如下
(1)安裝 remotedebug-ios-webkit-adapter 之前先要安裝 ios-webkit-debug-proxy 和 libimobiledevice

brew update
brew unlink libimobiledevice ios-webkit-debug-proxy usbmuxd
brew uninstall --force libimobiledevice ios-webkit-debug-proxy usbmuxd
brew install --HEAD usbmuxd
brew install --HEAD libimobiledevice
brew install --HEAD ios-webkit-debug-proxy

(2)安裝remotedebug-ios-webkit-adapter

npm install remotedebug-ios-webkit-adapter -g

(3)手機(jī)同樣需要開啟 Web 檢查器盲镶,USB 連接電腦
(4)啟動(dòng) remotedebug_ios_webkit_adapter 或 remotedebug_ios_webkit_adapter --port=9000(默認(rèn)是9000端口侥袜,你也可以自己指定端口)


image.png

(5)谷歌瀏覽器打開 chrome://inspect/#devices -> Configure -> 配置上一步指定的端口 localhost:9000 -> Done

image.png

(6)配置完成之后就可以看到我們手機(jī)中打開的頁面了,點(diǎn) inspect 就可以進(jìn)行調(diào)試了
image.png

使用chrome也會(huì)出現(xiàn)偶爾檢測(cè)不到的情況或者比較卡的情況溉贿,這時(shí)候可能需要在命令行重啟下remote debug-ios-webkit-adapter(反復(fù)嘗試好多次發(fā)現(xiàn)每當(dāng)想在resources中查看.js文件的時(shí)候就會(huì)斷開連接枫吧,其他情況幾乎沒出現(xiàn)過鏈接斷掉的情況)。調(diào)試界面是通常熟悉的Chrome調(diào)試界面顽照。如果想在調(diào)試的頁面打斷調(diào)試,首先可以通過在頁面中寫console.log的方式在pc端定位到文件闽寡,直接在resources里面看是找不到的代兵。
可參考
https://jingyan.baidu.com/article/ca41422f06418b1eae99edb5.html
https://blog.csdn.net/sansan_7957/article/details/90641505

3.安裝remote debug-ios-webkit-adapter時(shí)遇到的問題

a. brew非常慢

解決方案:換源

https://www.cnblogs.com/diaolanshan/p/10187763.html

http://www.reibang.com/p/7cb05a2b39a5

b.安裝libimobiledevice出現(xiàn)問題:onfigure: error: Package requirements (libusbmuxd >= 1.1.0) were not met:

https://blog.csdn.net/weixin_34061482/article/details/91123804

c.ERROR: Could not connect to lockdownd, error code -3 解決方案

https://blog.csdn.net/weixin_40598352/article/details/81512704

4.使用Safari和Chrome兩種調(diào)試方法的體驗(yàn)

個(gè)人感覺,如果說你所使用的電腦沒有出現(xiàn)閃退或者其他情形爷狈,使用Safari進(jìn)行調(diào)試比較方便植影。如果Safari使用不了,可以使用Chrome的方式涎永。當(dāng)然思币,如果你更適應(yīng)Chrome的調(diào)試界面的話,用Chrome應(yīng)該會(huì)讓你體驗(yàn)更好羡微。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末谷饿,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子妈倔,更是在濱河造成了極大的恐慌博投,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盯蝴,死亡現(xiàn)場離奇詭異毅哗,居然都是意外死亡听怕,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門虑绵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來尿瞭,“玉大人,你說我怎么就攤上這事翅睛∩椋” “怎么了?”我有些...
    開封第一講書人閱讀 164,491評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵宏所,是天一觀的道長酥艳。 經(jīng)常有香客問我,道長爬骤,這世上最難降的妖魔是什么充石? 我笑而不...
    開封第一講書人閱讀 58,636評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮霞玄,結(jié)果婚禮上骤铃,老公的妹妹穿的比我還像新娘。我一直安慰自己坷剧,他們只是感情好惰爬,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,676評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著惫企,像睡著了一般撕瞧。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上狞尔,一...
    開封第一講書人閱讀 51,541評(píng)論 1 305
  • 那天丛版,我揣著相機(jī)與錄音,去河邊找鬼偏序。 笑死页畦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的研儒。 我是一名探鬼主播豫缨,決...
    沈念sama閱讀 40,292評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼端朵!你這毒婦竟也來了好芭?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,211評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤冲呢,失蹤者是張志新(化名)和其女友劉穎栓撞,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,655評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瓤湘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,846評(píng)論 3 336
  • 正文 我和宋清朗相戀三年瓢颅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弛说。...
    茶點(diǎn)故事閱讀 39,965評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡挽懦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出木人,到底是詐尸還是另有隱情信柿,我是刑警寧澤,帶...
    沈念sama閱讀 35,684評(píng)論 5 347
  • 正文 年R本政府宣布醒第,位于F島的核電站渔嚷,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏稠曼。R本人自食惡果不足惜形病,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,295評(píng)論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望霞幅。 院中可真熱鬧漠吻,春花似錦、人聲如沸司恳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扔傅。三九已至耍共,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間猎塞,已是汗流浹背试读。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留邢享,地道東北人鹏往。 一個(gè)月前我還...
    沈念sama閱讀 48,126評(píng)論 3 370
  • 正文 我出身青樓淡诗,卻偏偏與公主長得像骇塘,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子韩容,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,914評(píng)論 2 355