国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

手機(jī)H5 web調(diào)試?yán)鳌猈EINRE (WEb INspector REmote) 安卓手機(jī)

seanlook / 865人閱讀

摘要:如何使用是的縮寫,可以遠(yuǎn)程調(diào)試頁(yè)面。安裝配置獲取本機(jī)開啟本地監(jiān)聽服務(wù)器瀏覽器打開效果如下將這段腳本放在需要調(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ī)需要開啟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

開啟本地監(jiān)聽服務(wù)器:
weinre --boundHost 192.168.0.199

瀏覽器打開 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://specialneedsforspecialkids.com/yun/102022.html

相關(guān)文章

  • 手機(jī)H5 web調(diào)試利器——WEINRE (WEb INspector REmote) 安卓手機(jī)

    摘要:如何使用是的縮寫,可以遠(yuǎn)程調(diào)試頁(yè)面。安裝配置獲取本機(jī)開啟本地監(jiān)聽服務(wù)器瀏覽器打開效果如下將這段腳本放在需要調(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)...

    Zhuxy 評(píng)論0 收藏0
  • 手機(jī)H5 web調(diào)試利器——WEINRE (WEb INspector REmote) 安卓手機(jī)

    摘要:如何使用是的縮寫,可以遠(yuǎn)程調(diào)試頁(yè)面。安裝配置獲取本機(jī)開啟本地監(jiān)聽服務(wù)器瀏覽器打開效果如下將這段腳本放在需要調(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)...

    linkin 評(píng)論0 收藏0
  • 移動(dòng)端真機(jī)調(diào)試實(shí)戰(zhàn)經(jīng)驗(yàn)

    摘要:我個(gè)人比較推薦的方法是或者安卓手機(jī)的這種方式,比較簡(jiǎn)單方便快捷,然后根據(jù)具體的環(huán)境再選擇更為合適的調(diào)試方法。 本文首次發(fā)表于本人的個(gè)人博客:http://cherryblog.site/ ,歡迎大家到我的博客查看更多文章~ 前言 在開發(fā)中前端免不了要進(jìn)行移動(dòng)端的開發(fā),然而在電腦上看的樣式和手機(jī)上還是有一定的差距的,因?yàn)槭謾C(jī)上有頂部的狀態(tài)欄和底部的菜單欄,特別是在qq內(nèi)置瀏覽器中打開,差...

    rainyang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

seanlook

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<