2016 - 2024

感恩一路有你

微信小程序调试器位置 手机上总出现小程序调试信息如何解决?

浏览量:1567 时间:2023-05-24 18:06:52 作者:采采

手机上总出现小程序调试信息如何解决?

现在在开发者工具就扫码就这个可以真机系统的调试了,有几个注意一点的点。

手机和电脑坐落同一个局域网

手机先打开开发者模式

开发者工具里填内网IP,千万不能填127.0.0.1或localhost

如果没有小程序有后端例如django,把django不运行在本机IP地址上

平板小程序没有声音?

可以试一下调节音量键。去设置中里找一下音量调节。

微信小程序代码怎么在开发者工具中打开?

开发者工具有三大模块。小程序模拟器、小程序编辑器、小程序调试器。每个模块都是差别的作用。调试器的功能相似浏览器里页面的审查元素,我们在元素调式框里修改属性,这个可以栏里点到页面去相关属性的变化,找不到相关的页面样式文件。小程序开发工具的调试器又是这样子。

开发者工具-

调试器

调试器分为6大功能模块:Wxml、Console、Sources、Network、Appdata、StorageWxmlWxml主要是用于指导开发者旗下Wxml转化后的界面。在这里看的到假的的页面结构和结构不对应的wxss属性,同样的是可以按照直接修改对应wxss属性,在模拟器中实时自动看见改的情况。实际调试模块左上角的选择器,还是可以迅速能找到页面中组件按的wxml代码。

Sources

Sources应用于不显示当前项目的脚本文件,同浏览器开发完全不同,小程序框架会对脚本文件并且编译的工作,因为在Sources中开发者见到的文件是当经过处理之后的脚本文件,开发者的代码都会被包裹在define函数中,而且是对Page代码,在尾部会有require的主动地调用。

Network

Netwrok作用于观察和总是显示request和socket的请求情况

Appdata

Appdata主要是用于不显示当前项目当前时刻appdata具体数据,实时地反馈项目数据情况,可以不在此处编辑数据,并及时处理地反馈信息到界面上。

Storage

Storage主要用于会显示当前项目的使用或则后的数据存储情况。

ConsoleConsole有两大功能:

开发者是可以在此输入输入和调试代码

小程序的出错输出,会不显示在此处

开发者 程序 页面 调试 情况

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。