Web移动端调试工具Weinre(2015-12-02 20:53:59)
博客专区 > Dreyer 的博客 > 博客详情
Web移动端调试工具Weinre(2015-12-02 20:53:59)
Dreyer 发表于2年前
Web移动端调试工具Weinre(2015-12-02 20:53:59)
  • 发表于 2年前
  • 阅读 107
  • 收藏 7
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: Web移动端调试工具Weinre

Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面,中文意思是远程Web检查器,有了Weinre,在PC上可以即时修改目标网页的HTML/CSS/Javascript,调试过程可实时显示移动设备上页面的预览效果,并同步显示设备页面的错误和警告信息,可以查看网络资源的信息,不过weinre不支持断点调试。


安装使用分三步:

1、Node.js环境下安装weinre

>npm -g install weinre

其他环境下的安装请自行百度


2、运行

>weinre --boundHost -all- -httpPort 8888

httpPort是指绑定的端口


访问weinre服务器:http://localhost:8888/

打开debug面板:http://localhost:8888/client/#anonymous

3、项目页面中的使用

在要debug的页面中加入脚本

<script src="http://172.16.0.27:8888/target/target-script-min.js#anonymous"></script>

把里面的ip改为本机的ip,8888为运行时绑定的端口

标签: weinre
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 7
博文 23
码字总数 13189
×
Dreyer
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: