weinre的使用


1.簡介

weinre是一款非常好用的遠程調試工具。功能與網頁瀏覽器的開發者工具基本類似,但這個工具更適合用於移動端web的調試。

2.安裝

weinre基於nodejs,因此首先要安裝nodejs,然后使用npm進行安裝:

npm -g install weinre

3.運行

weinre --httpPort 8081 --boundHost -all-

主要參數解析:

httpPort 調試服務器運行的端口,默認8080
boundHost 調試服務器綁定的IP地址或域名,默認localhost

 

 

4.修改目標文件

  • 使用webkit的瀏覽器(NOTE:由於weinre的設計更多的是基於webkit的瀏覽器,因此建議使用chrome/safari)訪問weinre服務器:http://localhost:8081

     

  • 打開debug面板:http://localhost:8081/client/#anonymous

    

  • 獲取本機的IP地址,例如:192.168.1.101,添加如下js文件到需要調試的目標文件的頭部:
<script src="http://192.168.1.101:8081/target/target-script-min.js#anonymous"></script>

5.在移動設備上訪問本機IP地址

並且在debug面板中可以監聽到移動設備對目標頁面的訪問:

6.Ending

之后的操作,就跟PC端瀏覽器debug一樣簡單了... :)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM