标签：-- 选项 void tle open 地址栏 pat 方案 启动
“真机远程调试”（remote inspect web on real device），是指用桌面电脑（PC或MAC）远程连接上移动设备，通过类似Chrome浏览器开发人员工具的界面，来调试移动设备上运行的网页
“真机远程调试”的方法总是在发展，日新月异，有必要在每次更新本文档时标注当前时间及当前相关软件版本
| 方法 | 关键点 | 实现难度（综合考虑搭环境、软件、硬件成本，分数 小 为佳） | 调试效果（综合考虑仿真效果、能调试的项等，分数 大 为佳） | 可用的桌面设备 | 可用的移动设备及可调试的浏览器 | 简要步骤 |
|---|---|---|---|---|---|---|
| Chorme模拟器 | 非真机，只是模拟 | 0 | 2（新版本加入了模拟网络链接的功能，故上调评分） | PC、MAC | 无 | GO |
| weinre | 安装较为繁琐 | 3 | 2 | PC、MAC | 全部 | GO |
| 调试Android上的Chrome | 需要FQ | 2 | 4 | PC、MAC | Android上的Chrome | GO |
| 调试Android APP里的webview | 需要FQ | 3 | 4 | PC、MAC | Android APP里的webview | GO |
| 调试Android上的x5内核（微信等） | 安装较为繁琐 | 3 | 5 | PC、MAC | Android上的应用了x5内核的app，如微信、手Q、QQ浏览器等 | GO |
| 调试Android上的UC | 需要桌面设备和移动设备同一网段 | 1 | 3 | PC、MAC | Android上的UC | GO |
| 调试iOS上的Safari | 需要MAC（甚至可以无需iOS设备） | 2 | 4 | MAC | iOS上的Safari | GO |
Device 和 模拟网络环境的下拉菜单 Network ，及左侧的清除选择按钮和打开关闭 media queries 的按钮（示意图 ）>三 的图标，切换到 Emulation 标签，可以更细粒度地调整，来定制化你的模拟（ 示意图 ）过程稍微繁琐，但是这个方案能调试几乎所有平台的所有浏览器，只要能运行js的就行
1. 安装nodejs
2. 安装weinre到global，即在命令行中运行 npm -g install weinre （MAC可能需要在前面加上 sudo ）
3. 获取本机IP地址（PC：开始→运行→cmd，输入 ipconfig ，查看“IPv4地址”字段； MAC：在网络偏好设置内），假设获取到的IP地址为 4.4.4.4
4. 在命令行运行weinre： weinre --boundHost 4.4.4.4 ，其中IP地址为上一步所获取的地址，如果弹出防火墙，请允许访问（ 示意图 ）
5. 在PC或MAC上用浏览器打开 http://4.4.4.4:8080/client/#anonymous ，其中IP地址为第三步所获取的地址（ 示意图 ）
6. 将移动设备连接到与PC或MAC同一局域网，打开移动设备上的需要调试的浏览器，然后随便打开一个网页。将它保存为书签
7. 修改上述书签，将地址改成：
javascript:(function(e){e.setAttribute("src","http://4.4.4.4:8080/
target/target-script-min.js#anonymous");document.getElementsByTagName("body")[
0].appendChild(e);})(document.createElement("script"));void(0);
，其中IP地址为第三步所获取的地址（复制后请去掉代码中的换行，使之成为一行）
8. 在移动设备浏览器上打开想要调试的页面，然后点击上一步保存的书签，即可在PC或MAC上的页面中的target中找到对应页面，点击可以开始调试（示意图 ）（ 示意图 ）
更多：
<script src="http://4.4.4.4:8080/target/target-script-min.js#anonymous"></script> （这种情况适用于不能使用书签的场景，如app内的webview、微信中等，但是上线之前要记得移除这个js的引用）其他参考链接
chrome://inspect 然后回车，或通过菜单图标→工具→检查设备，进入调试界面Discover USB devices ，直到搜索到你的Android设备（ 示意图 ）inspect 开始调试其他参考链接
chrome://inspect 然后回车，或通过菜单图标→工具→检查设备，进入调试界面Discover USB devices ，直到搜索到你的Android设备（ 示意图 ）inspect 开始调试其他参考链接
过程略繁琐，但是这个方案应该是目前调试webview最强大的工具，支持断点调试、控制台打印等。以下步骤以微信6.1举例：
前期准备
应用包名 微信：com.tencent.mm，qq：com.tencent.mobileqq，qq空间：com.qzone
我们选择微信即可
这里还需要在检查下 打开微信 随便进入一个 webview页面 然后长按页面文字是否有水滴 ，若有则成功
ADB安装
export ANDROID_TOOLS=/Users/sherlock/dev/android-sdk-macosx/platform-tools
export PATH=$PATH:$ANDROID_TOOLS有时 adb devices不能显示连接设备，需要拔掉数据线，多插几次，并且退出终端，然后重新打开，重启adb。
Python启动调试服务
python ./inspector.py --adb /Users/sherlock/dev/android-sdk-macosx/platform-tools/adb其他参考链接
4.4.4.4:9998 ，如例子中即为 4.4.4.4:9998其他参考链接
标签：-- 选项 void tle open 地址栏 pat 方案 启动
原文地址：http://www.cnblogs.com/yelongsan/p/6290446.html
