目前手机网页调试比较麻烦 无法及时修改及时预览，每次要修改完了提交 然后用手机打开预览，如果没改好 还要重复上面的步骤。 weinre


解决方案： weinre (WEb INspector REmote)

========= 可以实现在手机预览  、PC端调试 ============

需要软件： 电脑上安装chrome浏览器（版本31以上即可）、weinre 、nodejs服务器


一、 以下安装都是在PC机上

1. 安装 chrome浏览器

2. 安装nodejs服务器  (在共享盘 > 开发 > node-v5.1.1-x64.msi)

    安装好了之后 ，运行cmd 到安装目录 执行

    npm install weinre

    等待安装完 ...     

    安装好之后，在cmd执行  

    node.exe node_modules\weinre\weinre --boundHost -all-

    程序自动挂起  、不要关闭cmd窗口

    打开chrome浏览器 http://127.0.0.1:8080 ，看到界面说明安装成功了。

安装完成


二、页面调试方法

    只要在需要调试的页面插入一行js代码：

    <script src="http://你的PC机IP:8080/target/target-script-min.js"></script>

    打开需要调试的页面...

    这个页面就会出现在chrome 127.0.0.1:8080的调试列表中了

    剩下的操作跟pc机调试一样

    

注意：

1. 要用手机调试你PC机的代码、就需要将PC机的host地址 指向PC机的IP ，

    需要修改手机hosts文件（这一步手机需要root权限修改其hosts文件）



三 、 weinre原理

     有3部分组成：调试页面、 转发服务器（nodejs) 、 调试终端(PC上的chrome)

     具体可以自己网上查。