适用情况：查看布局等效果在手机中样子。不涉及手机特有功能，也就是不涉及使用 callapp 相关方法。

1. F12 打开开发者工具

2. 确认手机模式(实际是Toggle device toolbar)处于开启状态，若未开启则点击开启。

3. 保持开发者面板打开的状态下，刷新页面

提示：更多功能说明自行查看 Google ​ 官方文档。

适用情况：使用真实移动设备打开页面。并且不限制打开页面的工具，比如，微信端打开，手机浏览器打开，我们自己打包的app打开等。

1. 将需要调试的页面设置为：远程调试模式开启

2. 设置完成后发布页面

3. 发布完成后，点击设置界面上的“远程调试界面”链接

适用情况：适用于Android设备，使用手机 chrome 浏览器或我们自己打包的 app 打开页面。

• 确认调试的手机已打开 开发者模式

  • 可百度搜索xx手机如何打开开发者模式

• 使用usb数据线将手机连接电脑

• 使用chrome浏览器打开页面 chrome://inspect/#devices

  • 注意需勾选 Discover USB devices

  • 手机如果弹出询问是否运行调试, 选择运行

  • Remote Target 底下会列出手机

• 打开需要调试的app

• 点击inspect调试页面

提示：如果点击inspect后一直是白屏，打开翻墙，然后重新打开。

• 我们的app就是一个浏览器，只不过是默认设置了首页的浏览器。打开 app 就是打开浏览器，因此你在测试时，发布外网之后刷新页面即可获取修改后的代码。

• 没有测试机的可以找 H5 负责人申请

• 调试 Android 手机页面时，如果需要在 console 中执行 js，需要切换 top 为 appframe