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进入到下图界面便可以直接调样式,在移动设备上看到调试的效果