码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-03-27 16:51:40      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:自动   样式   pre   图片   min   host   web   content   ges   

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远程调试工具

标签:自动   样式   pre   图片   min   host   web   content   ges   

原文地址:https://www.cnblogs.com/whkl-m/p/10608631.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!