小程序： 调试面板

1. 菜单栏—调试—打开调试台（有如下面板：Console、Sources、Network、Storage、AppData、Wxml、最右边的 竖着的三点）

    (1) console面板：控制台，作用：

•  开发者直接在此输入代码并调试
•  显示小程序的执行结果：如错误输出等

 

    (2) Sources面板：源文件调试信息页

         用于显示当前项目的脚本文件

 

    (3) Network面板： 网络调试信息页

         用于观察和显示每个元素请求信息和套接字（socket）状态等网络相关的详细信息

 

    (4) Storage面板： 数据存储信息页

         用于显示当前项目使用存储API（wx.setStorage、wx.setStorageSync）接口的数据存储情况

         如： 在  Console面板  中输入：wx.setStorage({key: "login",data:"1"})—回车，就可以在  Storage面板  中看到存储的该键值对数据

       Console面板   

 

      Storage面板    

 

   (5) AppData面板：

        用于调试显示当前小程序项目此时此刻的应用具体数据，实时的回显项目数据的调整情况

        即 我们可在此处编辑数据，展现到当前界面上去

        注意：这里的修改只是为了调试，并不会改变真正的代码

 

   (6) Wxml面板： 用于帮助开发者调试WXML转化后的界面

 

   (7) 最右边 竖着的三点

         

 

 

博客地址：  https://www.cnblogs.com/ljr210/

更多专业前端知识，请上【猿2048】www.mk2048.com