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

weinre 简介

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

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

npm -g install weinre

启动 Weinre 服务

weinre -boundHost 172.19.200.16

常用参数

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

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

启动后 网页打开 http://172.19.200.12:8080/

然后在项目中引入target-script-min.js 如下:

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

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

手机和电脑连同个网络

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

点击element 鼠标放在dom上面,就可以看到手机上被选中的样式,还可以看样式

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

上一篇:搭建PHP本地服务器(XAMPP)


下一篇:WebApp远程调试工具