真机调试 Weinre

Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具，借助于网络，可以在PC上直接调试运行在移动设备上的远程页面

Weinre组成原理

目标页面（target）:调试页面，页面中需要嵌入weinre提供的远程js，这里的Js相当于一个锚点作用。

服务器（agent）:一个HTTP Server，为目标页面与客户端建立通信。

客户端（client）:本地的Web Inspector调试客户端。

安装Weinre

npm install -g weinre

使用Weinre进行远程调试

1. 启动 WeinreDe bug 服务端

   weinre –httpPort 8888 –boundHost {你的本地ip地址}

2. 通过PC浏览器（WebKit内核）打开 WeinreDe bug 客户端

   在浏览器访问：http://{你的本地ip地址}:8888/ 会看到

添加脚本

添加脚本到待调试的页面

点击 debug client user interface 后的链接 进入客户端

调试

在手机端访问上述的“待调试页面地址”就可以尽情开始调试

本地代码有改动并且编译完成之后，在手机端刷新就可以实时看到效果~

缺点：

wenire 需要插入一段代码，操作繁琐，在线上调试比较难。