H5调试工具 - weinre远程调试工具

Posted whkl-m

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5调试工具 - weinre远程调试工具相关的知识,希望对你有一定的参考价值。

weinre 简介

weinre 是一款类似于firebug 和Web Inspector的网页调试工具, 它的不同之处在于可以用于进行远程调试,比如调试手机上面的网页。

安装 weinre(运行在node环境上)

npm -g install weinre

启动 Weinre 服务

weinre -boundHost 172.19.200.16

常用参数

--httpPort 调试服务器端口 默认是8080 (冲突会自动分配一个,默认可以不传)
--boundHost 调试服务器绑定的 IP 地址或域名

技术图片
启动后 网页打开 http://172.19.200.12:8080/
然后在项目中引入target-script-min.js 如下:
技术图片
技术图片
手机和电脑连同个网络
技术图片
点击element 鼠标放在dom上面,就可以看到手机上被选中的样式,还可以看样式
技术图片

以上是关于H5调试工具 - weinre远程调试工具的主要内容,如果未能解决你的问题,请参考以下文章

很有用的mobile web application远程调试工具 weinre

weinre调试工具的使用

远程调试工具weinre使用教程

weinre 实时调试手机上的Web页面

Mobile Web调试工具Weinre (reproduce)

移动端开发调试工具神器--Weinre使用方法