调试相关

1. 安卓 debugger包 无法调试小程序，chrome中 chrome://inspect/#devices 无反应。

• chrome 调试小程序，需要翻墙。

2. 小程序启动阶段报错，打不开小程序。

• 排查是否启动阶段业务代码报错，可从本地 npm run build 启动后扫码排查。

3. 线上哔哩哔哩APP，扫码本地开发链接，提示输入 ip 地址。

• ip 地址填写，电脑 npm run build 的设备的 ip 地址。

4. 命令行真机调试使用 + 摆脱网段限制。

• 下载命令行真机调试工具，并安装。mac版真机调试、win版真机调试
• 使用最新 npm 版本（ 3.0.77 版本以上）。
• 打开真机调试工具，等待命令行构建。
• 使用命令行：npm run build mid=xxx，xxx 外部小程序使用 uid，内部小程序使用邮箱前缀。
• 使用哔哩哔哩APP进行扫码，开始调试。

5. 真机调试的inspect流程

安卓

1. 在Android手机上安装bilibili客户端的调试包，可以找测试同学要一个安装包。
2. 将Android手机连接至电脑，并打开调试模式
3. 打开bilibili客户端，进入需要调试的小程序
4. 打开chrome，进入chrome://inspect/#devices 或 打开edge，进入edge://inspect/#devices
5. 在页面中，可以找到对应小程序的render层与service层。如下图
6. 点击页面中的“inspect”按钮，即可进入调试页面。（注意：chrome调试页面需要翻墙才能加载出来）
7. 调试页面如下图所示。

IOS

1. 在iOS手机上安装bilibili客户端的调试包，可以找测试同学要一个安装包。
2. 打开IOS手机的开发者模式，流程是：【设置】->【Safari】->【高级】→开启【Web检查器】
3. 将iOS手机连接至电脑。
4. 打开bilibili客户端，进入需要调试的小程序
5. 打开safari。在偏好中设置“develop”菜单，已有develop菜单可忽略此步骤。
6. 在develop菜单下可以找到调试的设备与打开的小程序对应的render层与service层，如下图所示。
7. 点击，即可进入调试页面。如下图所示