成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

使用weinre 遠(yuǎn)程調(diào)試移動設(shè)備上的網(wǎng)頁

baishancloud / 2360人閱讀

摘要：簡介是一款類似于和的網(wǎng)頁調(diào)試工具，它的不同之處在于可以用于進(jìn)行遠(yuǎn)程調(diào)試，比如調(diào)試手機(jī)上面的網(wǎng)頁。

weinre簡介

weinre 是一款類似于firebug 和Web Inspector的網(wǎng)頁調(diào)試工具， 它的不同之處在于可以用于進(jìn)行遠(yuǎn)程調(diào)試，比如調(diào)試手機(jī)上面的網(wǎng)頁。

weinre的安裝

weinre是用node編寫的，可以用npm來進(jìn)行安裝(前提是您的機(jī)器上已經(jīng)裝了node)

npm install -g weinre

Mac 和Linux下推薦使用

sudo npm install -g weinre
如何運(yùn)行？

運(yùn)行weinre之前，首先需要了解三個(gè)專有名詞

Debug Server： 部署weinre的那臺服務(wù)器
Debug Client： Web Inspector 界面，主要用來展示頁面元素和控制臺面板。
Debug Target： 你想要調(diào)試的網(wǎng)頁，通常是位于手機(jī)上的網(wǎng)頁。

安裝完成后在termial中運(yùn)行以下命令

weinre --httpPort=8081 --boundHost=znchen.waijule.cn //你自己Debug Server的域名， 也可以使用ip地址)

想了解更多weinre的配置啟動項(xiàng)可以通過 weinre --help 命令來查看

也可以在HOME目錄下創(chuàng)建 .weinre/server.properties 文件

boundHost:    znchen.waijule.cn
httpPort:     8081
reuseAddr:    true
readTimeout:  1
deathTimeout: 5

這樣可以直接運(yùn)行weinre 命令，它會自動讀取server.properties 里面的配置項(xiàng)。

打開瀏覽器， 輸入 http://znchen.waijule.cn:8081

在需要調(diào)試的網(wǎng)頁中加入Target Script



到此，你就可以方便的查看Elements， Resource, Console, Timeline 等面板了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81257.html

相關(guān)文章

  • 移動端真機(jī)調(diào)試實(shí)戰(zhàn)經(jīng)驗(yàn)

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

    rainyang 評論0 收藏0

  • 9102了，你還不會移動端真機(jī)調(diào)試？

    摘要：移動端調(diào)試?yán)щy很多時(shí)候，我們在進(jìn)行移動端開發(fā)時(shí)，都是先在端使用手機(jī)模擬器進(jìn)行調(diào)試，沒有問題后，我們才會在手機(jī)端的瀏覽器進(jìn)行測試，這個(gè)時(shí)候，如果沒有出現(xiàn)問題，皆大歡喜。 移動端調(diào)試?yán)щy 很多時(shí)候，我們在進(jìn)行移動端開發(fā)時(shí)，都是先在PC端使用手機(jī)模擬器進(jìn)行調(diào)試，沒有問題后，我們才會在手機(jī)端的瀏覽器進(jìn)行測試，這個(gè)時(shí)候，如果沒有出現(xiàn)問題，皆大歡喜。但是一旦出現(xiàn)問題，我們就很難解決，因?yàn)槿狈梢暬?..

    lushan 評論0 收藏0

  • H5移動端調(diào)試—weinre

    摘要：可以在上調(diào)試運(yùn)行在移動端上的頁面。啟動調(diào)試客戶端在瀏覽器中打開即可啟動調(diào)試客戶端創(chuàng)建創(chuàng)建個(gè)頁面，并加入以下表示從代理服務(wù)中引入。 一、背景： H5頁面在PC上調(diào)試起來很方便，但是在手機(jī)上卻很麻煩，此時(shí)移動端就像一個(gè)黑匣子，查看或修改DOM、CSS，localStore等變的很困難。這個(gè)時(shí)候遠(yuǎn)程調(diào)試就孕育而生了。 二、weinre 2.1 什么是weinre Weinre是單詞縮寫，全稱...

    X1nFLY 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<