微信调试代码吗 微信开发者工具是干嘛的？
微信web开发者工具普通调试怎么打开？
方法/步骤微信web开发者工具下载，并安装下载链接：启动微信web开发者工具登录微信公众号，进入web开发者工具，绑定个人微信号通过个人微信号，登录微信web开发者工具从微信公众号复制链接到地址栏，大功告成移动调试，敬请关注。
微信开发者工具是干嘛的？
为了帮助开发者简单和高效地开发和调试微信小程序，在原有的公众号网页调试工具的基础上，推出了全新的 微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。
使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK 详情
使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。
微信小程序代码怎么在开发者工具中打开？
微信开发者工具有三大模块。小程序模拟器、小程序编辑器、小程序调试器。每个模块都有不同的作用。调试器的功能类似浏览器里页面的审查元素，我们在元素调式框里修改属性，可以查看到页面相关属性的变化，找到相关的页面样式文件。微信小程序开发工具的调试器也是这样子。
微信开发者工具-
调试器
调试器分为 6 大功能模块：Wxml、Console、Sources、Network、Appdata、Storage
Wxml
Wxml用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性，同时可以通过修改对应 wxss 属性，在模拟器中实时看到修改的情况。通过调试模块左上角的选择器，还可以快速找到页面中组件对应的 wxml 代码。
Sources
Sources 用于显示当前项目的脚本文件，同浏览器开发不同，微信小程序框架会对脚本文件进行编译的工作，所以在 Sources 中开发者看到的文件是经过处理之后的脚本文件，开发者的代码都会被包裹在 define 函数中，并且对于 Page 代码，在尾部会有 require 的主动调用。
Network
Netwrok 用于观察和显示 request 和 socket 的请求情况
Appdata
Appdata 用于显示当前项目当前时刻 appdata 具体数据，实时地反馈项目数据情况，可以在此处编辑数据，并及时地反馈到界面上。
Storage
Storage 用于显示当前项目的使用 或者 后的数据存储情况。
Console
Console有两大功能：
开发者可以在此输入和调试代码
小程序的错误输出，会显示在此处
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
