資訊專欄INFORMATION COLUMN
摘要：如何使用是的縮寫，可以遠(yuǎn)程調(diào)試頁(yè)面。安裝配置獲取本機(jī)開(kāi)啟本地監(jiān)聽(tīng)服務(wù)器瀏覽器打開(kāi)效果如下將這段腳本放在需要調(diào)試的手機(jī)頁(yè)面中就可以遠(yuǎn)程調(diào)試了，加載好之后就可以在下找到需要調(diào)試的頁(yè)面了，和類似，也可以查看元素和控制臺(tái)等。
調(diào)試移動(dòng)端頁(yè)面，優(yōu)先選擇使用chrome瀏覽器調(diào)試，如果是hybrid形式的頁(yè)面，可以使用chrome提供的chrome://inspect/#devices 安卓真機(jī)調(diào)試，不過(guò)這個(gè)要求比較高：
首先，你的 Chrome 版本必須高于 32
其次你的測(cè)試機(jī) Android 系統(tǒng)高于 4.0，
再其次，測(cè)試機(jī)安裝 Chrome for Android 才可以使用 Chrome 遠(yuǎn)程調(diào)試這項(xiàng)功能，
最后， 手機(jī)需要開(kāi)啟USB調(diào)試模式
比如需要調(diào)試嵌入在APP中webView中的頁(yè)面， 恰好安卓的版本比較低，沒(méi)辦法真機(jī)調(diào)試，
這時(shí)候weinre就是最好的選擇。
如何使用 weinre
WEINRE 是 WEb INspector REmote 的縮寫， 可以遠(yuǎn)程調(diào)試web頁(yè)面。
安裝
$ sudo npm install -g weinre
$ weinre -v
配置
獲取本機(jī)IP：192.168.0.199
$ ipconfig getifaddr en0
開(kāi)啟本地監(jiān)聽(tīng)服務(wù)器：
weinre --boundHost 192.168.0.199
瀏覽器打開(kāi) 192.168.0.199:8080
效果如下
將這段腳本放在需要調(diào)試的手機(jī)頁(yè)面中就可以遠(yuǎn)程調(diào)試了，
加載好之后就可以在remote tab下找到需要調(diào)試的頁(yè)面了， 和chrome devTools類似， 也可以查看DOM元素和控制臺(tái)等。
點(diǎn)擊elements 查看相應(yīng)的元素，并修改，即時(shí)生效
原帖子地址 https://www.cnblogs.com/fanyo...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53725.html
摘要：如何使用是的縮寫，可以遠(yuǎn)程調(diào)試頁(yè)面。安裝配置獲取本機(jī)開(kāi)啟本地監(jiān)聽(tīng)服務(wù)器瀏覽器打開(kāi)效果如下將這段腳本放在需要調(diào)試的手機(jī)頁(yè)面中就可以遠(yuǎn)程調(diào)試了，加載好之后就可以在下找到需要調(diào)試的頁(yè)面了，和類似，也可以查看元素和控制臺(tái)等。 調(diào)試移動(dòng)端頁(yè)面，優(yōu)先選擇使用chrome瀏覽器調(diào)試，如果是hybrid形式的頁(yè)面，可以使用chrome提供的chrome://inspect/#devices 安卓真機(jī)調(diào)...
摘要：如何使用是的縮寫，可以遠(yuǎn)程調(diào)試頁(yè)面。安裝配置獲取本機(jī)開(kāi)啟本地監(jiān)聽(tīng)服務(wù)器瀏覽器打開(kāi)效果如下將這段腳本放在需要調(diào)試的手機(jī)頁(yè)面中就可以遠(yuǎn)程調(diào)試了，加載好之后就可以在下找到需要調(diào)試的頁(yè)面了，和類似，也可以查看元素和控制臺(tái)等。 調(diào)試移動(dòng)端頁(yè)面，優(yōu)先選擇使用chrome瀏覽器調(diào)試，如果是hybrid形式的頁(yè)面，可以使用chrome提供的chrome://inspect/#devices 安卓真機(jī)調(diào)...
摘要：我個(gè)人比較推薦的方法是或者安卓手機(jī)的這種方式，比較簡(jiǎn)單方便快捷，然后根據(jù)具體的環(huán)境再選擇更為合適的調(diào)試方法。 本文首次發(fā)表于本人的個(gè)人博客：http://cherryblog.site/ ，歡迎大家到我的博客查看更多文章~ 前言 在開(kāi)發(fā)中前端免不了要進(jìn)行移動(dòng)端的開(kāi)發(fā)，然而在電腦上看的樣式和手機(jī)上還是有一定的差距的，因?yàn)槭謾C(jī)上有頂部的狀態(tài)欄和底部的菜單欄，特別是在qq內(nèi)置瀏覽器中打開(kāi)，差...
閱讀 2890·2021-10-21 09:38
閱讀 2789·2021-10-11 10:59
閱讀 3113·2021-09-27 13:36
閱讀 1704·2021-08-23 09:43
閱讀 832·2019-08-29 14:14
閱讀 3063·2019-08-29 12:13
閱讀 3228·2019-08-29 12:13
閱讀 334·2019-08-26 12:24
