⼩程序开发者调试⼯具使⽤说明
开发者⼯作是官⽅提供的针对,集中了开发,调试,预览,上传等功能。团队发布了⼩程序开发者⼯具、⼩程序开发⽂档和⼩程序设计指南,全新的开发者⼯具,集成了开发调试、代码编辑及程序发布等功能,帮助开发者简单和⾼效地开发⼩程序。
启动⼯具时,开发者需要使⽤已在后台绑定成功的号扫描⼆维码登录,后续所有的操作都会基于这个的帐号。
调试⼯具分为9⼤功能模块:Console、Sources、Network、Security,Storage,Appdata、Wxml,Sensor以及Trace。
开发者⼯具
Console的功能:开发者可以在此输出和调试代码,代码报错和警告会在此处显⽰。
输出调试
定位报错小程序开发者社区
Sources的功能:⽤于显⽰当前项⽬的脚本⽂件,同浏览器开发不同,⼩程序框架会对脚本⽂件进⾏编译的⼯作,所以在 Sources panel 中开发者看到的⽂件是经过处理之后的脚本⽂件,开发者的代码都会被包裹在 define 函数中,并且对于 Page 代码,在尾部会有require 的主动调⽤。
使⽤
Network的使⽤:观察和显⽰ request 和 socket 的请求情况(请求接⼝,请求参数,返回值)
Network使⽤⽅法
Security使⽤: 通过该⾯板你可以去调试当前⽹页的安全和认证等问题并确保您已经在你的⽹站上正确地实现HTTPS。
项⽬中⽤得到的不多
Storege使⽤: ⽤于显⽰当前项⽬的使⽤ wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。
APPData使⽤:⽤于显⽰当前项⽬当前时刻 appdata 具体数据,实时地反馈项⽬数据情况,可以在此处编辑数据,并及时地反馈到界⾯上。
Wxml的使⽤:帮助开发者开发 Wxml 转化后的界⾯。在这⾥可以看到真实的页⾯结构以及结构对应的 wxss 属性,同时可以通过修改对应wxss 属性,在模拟器中实时看到修改的情况。通过调试模块左上⾓的选择器,还可以快速到页⾯中组件对应的 wxml 代码。
布局样式调试
sensor:模拟地理位置和重⼒感应
trace:这是链接⼿机调试⽤的
直接打开页⾯路径
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论