微应用调试工具—网页版（不推荐）

​

简介

H5微应用调试工具是钉钉开放平台新推出的H5微应用调试工具，在调试页面上可查看应用运行时的 Elements、Console、Network 和 AppLog，其功能类似Chrome devtools。

​

H5微应用调试工具目前已支持以下功能

• 调试标签和样式
• 打印调试语句、执行命令
• 查看网络请求情况
• 查看JSAPI调用情况

​

使用流程

参考以下步骤，使用H5微应用调试工具进行调试。

1. 登录开发者后台，然后进入目标 应用详情 页。
2. 在 应用详情页 单击 开发管理，然后选择 开发工具，单击 生成专属调试工具。
3. 根据页面提示，打开调试工具页面。
4. 复制此应用的专属调试代码，然后将代码添加到微应用的<header></header>标签中。
5. 开始调试。 调试页面如下：

​

常见问题

​

Q：devtools调试工具未连接或已经断开连接，请刷新devtools调试工具后刷新当前页面。

A：请确保先打开devtools调试工具页面，再打开微应用页面。

​

Q：当前已有其他客户端正在通过同一个devtools链接调试，请生成新的devtools调试链接。

A：同一个devtools调试工具链接，同一时间只能有一个页面可以与其进行调试。可再次点击【生成调试工具】按钮生成新的devtools调试工具链接。

​

Q：调试JSAPI时报错【No permission info for action: xxx】。

A：请参考<https://www.npmjs.com/package/dingtalk-jsapi>进行JSAPI调用前的初始化。

​

Q：调试JSAPI时报错【当前微应用不在企业内】。

A：请新建一个用于调试的h5微应用，将当前微应用的ip:port填入该新建应用的首页地址中。

​

Q：网络请求时请求头和响应头缺失。

A：请求头缺失与浏览器的安全策略有关。响应头缺失可以看下接口响应头是否配置了Access-Control-Expose-Headers字段。

​

联系我们

如果在使用h5微应用调试工具的过程中遇到问题或建议，你可以加入 DingTalk Design CLI答疑交流群 进行咨询：

• 钉钉搜索群号：31929495。
• 手机钉钉扫描以下二维码。