weinre安装配置

阅读更多

在做手机端的web开发时调样式相当的不方便，可以安装weinre，让工程跑在手机上，在电脑上调节，即使在手机上看到效果。

 

1.首先安装weinre

 

 

npm -g install weinre

 

 

2.让weinre跑起来

 

 

weinre --boundHost -all- 

 

此时终端会显示服务器的端口号，比如我的现在是8080。

 

3.在浏览器上输入localhost:8080打开weinre server

 

在你的index上引用（图中的Target Script）

http://localhost:8080/target/target-script-min.js#anonymous

 

其中的localhost换成电脑的ip

在终端输入命令获取ip

 

ifconfig

 

比如我现在的ip是192.168.1.116，工程跑起来的端口号是3000

 

点击http://localhost:8080/client/#anonymous进入到

 

在移动设备浏览器输入192.168.1.116:3000

刷新移动设备界面，出现如下图的界面表示与移动设备连接成功

 

 

点击Elements进入到下图界面便可以直接调样式，在移动设备上看到调试的效果

 

 

• 
• 大小: 166.2 KB

• 
• 大小: 145.3 KB

• 
• 大小: 154.5 KB

• 
• 大小: 281.5 KB

• 查看图片附件