weinre适合在移动端页面调试

运动前端调节和测量检验页面–weinre

2015/07/30 · HTML5 ·
weinre,
调试

初稿出处:
涂根华的博客   

一:远程调式工具—weinre

Weinre是什么?

Weinre是Web Inspector Remote的缩写(远程web检查器),它的法力便是一对一于chrome的审查批准元素同样,分界面和用法也基本等同,无非分化的是:weinre适合在运动端页面调试,比方手提式有线电话机访谈页面的时候,我们能够利用chrome浏览器查看页面包车型大巴html成分和css代码,我们得以对此展开更动,然后在手提式有线电话机端无需刷新,立刻能够看来功能;在运动端调式html和css比较便利。近些日子weiner也表露到npm上,大家得以选取npm进行安装;npm如下: 

二: 安装weinre

npm install -g weinre

1
npm install -g weinre

图片 1

设置完事后,须要在地面开启一个监听服务器,比方本人未来的IP地址是:172.16.28.162

未来急需试行如下命令:

weinre –boundHost 172.16.28.162

能够张开本地监听服务器如下:

图片 2

weinre适合在移动端页面调试。weinre适合在移动端页面调试。weinre适合在移动端页面调试。如上边网址 http://172.16.28.162:8080  weinre暗中认可使用8080端口,大家也足以应用如下命令进行改造端口号;如下命令:

图片 3

三: 访谈weinre及在页面上调用

张开浏览器,访谈如下地址: 172.16.28.162:8081 如下:

图片 4

如上截图页面;大家须求在调式的页面中到场远程调式所急需的JS代码就能够,比如上航海用体育场所截图的最终一句JS代码:

JavaScript

<script src=”weinre适合在移动端页面调试。;

1
<script src="http://172.16.28.162:8081/target/target-script-min.js#anonymous"></script>

引进到必要长途调式页面就能够;

笔者们今日先访问页面 http://172.16.28.162:8081;如下所示:

图片 5

至今我们继续行使作者手提式有线电话机来访问小编本机上的网页后,在翻看刚点击步入后的页面呈现如下:

图片 6

如下:

图片 7

但weinre能够方便大家调式HTML成分及css代码,至于JS,大家能够动用Fiddler替换就可以满足前端在活动端基本调式了;

四:多用户

Weinre的暗中认可使用中,都以用anonymous作为id的;

比如说上边的代码引用:

JavaScript

<script src=”;

1
<script src="http://172.16.28.162:8081/target/target-script-min.js#anonymous"></script>

但是要是多个客户同一时候调式各自的页面会不日常,weinre使用多顾客机制消除该问题。Weinre暗许支持多客户的,那样一个局域网同事只必要一台计算机上安装weinre就能够,没有必要各类人都设置,多个客商相同的时直接纳时,各种客户使用本人的id来分裂,种种顾客调式新闻方可独立,不会相互影响;

操作如下:

图片 8

图片 9

然后继续刷新设备中的页面,然后在计算机端就能够看出如下音信:

图片 10

就足以扩充多客商调式了;

2 赞 2 收藏
评论

图片 11

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图