小程序-调试
<h1>1 运行</h1>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6726f9c0d2a15f668c0640b0dfd2ea50&amp;file=file.png" alt="" />
运行效果：
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=00b285c9e1f18f9e8c1c0c61978d488c&amp;file=file.png" alt="" />
前置配置：
1、安装了微信开发者工具，并已扫码登录
2、微信开发者工具中，安全选项中，打开了“服务端口”
3、配置APP-ID 保持和 项目中manifest.json 文件中的微信配置一致，具体ID可以工程中一般有，也也可以找同事获取（不能随意填写）
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=ca68c6a735ea71d37a9e7250bc9b5a97&amp;file=file.png" alt="" />
4、申请该ID的开发权限；（求助组长进行添加）
权限未分配会出现如下类似的报错：
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=7e41b0ba3bdbc6c2b78a2ec71ff87137&amp;file=file.png" alt="" />
管理员通过微信号添加后即可正常访问
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=01bbea0e92750b8e4b6520f84ced8913&amp;file=file.png" alt="" /></p>
<h1>2 修改</h1>
<p>在Hbuilder 中打开资源，进行修改；
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=42c78130e1103ba022b7d155cdce9c8b&amp;file=file.png" alt="" />
Ctr+s 保存，变更会触发自动编译同步；
重新进入界面
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=a57b156e534ae61f8a010e7ef9e7bf77&amp;file=file.png" alt="" /></p>
<h1>3 调试</h1>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=cdf14186b3e31617943c214e792785b1&amp;file=file.png" alt="" />
如图打开调试器后，可以通过类似chrome等浏览器的元素选取操作，查看资源信息；
数字3 标记的位置，是所在页面信息；</p>