> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

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

> 本文介绍了H5微应用调试工具的介绍和使用说明。

## 简介

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

[](https://cloud.video.taobao.com/play/u/3691671841/p/1/e/6/t/1/325207832015.mp4)

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

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

## 使用流程

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

1. 登录[开发者后台](https://open-dev.dingtalk.com/)，然后进入目标 **应用详情** 页。
2. 在 **应用详情页** 单击 **开发管理**，然后选择 **开发工具**，单击 **生成专属调试工具**。

   ![单击生成专属调试工具](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/7883421361/p324126.png)
3. 根据页面提示，打开调试工具页面。

   ![打开调试页面](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/7883421361/p324148.png)
4. 复制此应用的专属调试代码，然后将代码添加到微应用的`<header></header>`标签中。

   ![开始调试](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/8883421361/p324150.png)
5. 开始调试。

   调试页面如下：

   ![调试页面](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/7462001361/p324225.png)

## 常见问题

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

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

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

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

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

![报错信息](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/8854801361/p324647.png)

A：请参考\<[https://www.npmjs.com/package/dingtalk-jsapi>进行JSAPI调用前的初始化。](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**。
* 手机钉钉扫描以下二维码。

  ![DingTalk Design CLI答疑交流群](https://help-static-aliyun-doc.aliyuncs.com/assets/img/zh-CN/7462001361/p324299.png)
