微信小程序开发系列教程三:微信小程序的调试方法

  • 时间:
  • 浏览:0
  • 来源:5分快乐8_5分快乐8官网

我在我的微信公众号“汪子熙”上也写过一篇Chrome开发者工具的使用技巧介绍,感兴趣的亲们都可以 去看看:

微信小系统线程池池开发系列一:微信小系统线程池池的申请和开发环境的搭建

微信小系统线程池池开发系列二:微信小系统线程池池的视图设计

亲们注意到上图的“command...”输入框都可以 输入有些简单的JavaScript命令,比如console.log("Jerry")。

你有些教程的前两篇文章,介绍了怎么才能 才能 用下图所示的微信开发者工具自动生成原先Hello World的微信小系统线程池池,并讲解了你有些自动生成的微信小系统线程池池的视图开发原理。

MicroMessenger版本号:6.6.6

开发者工具右边的区域现在从上到下一分为二:后面 蓝绿色区域还是代码编辑页面,下面红色区域要是 微信小系统线程池池的调试工具。

点击“编译”按钮,亲们的小系统线程池池自动启动,设置在控制器里的断点就自动触发了。原先亲们就都可以 通过单步调试的土办法来学习微信小系统线程池池控制器的调用上下文了。

做过前端开发的亲们们,都可以 一眼想看 出这我我觉得要是 Chrome的开发者工具。

navigation: 3ms 跳转时间3毫秒

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者 扫描下面二维码:

为此亲们真难學會微信小系统线程池池的调试土办法。

WXML标签页能显示当前渲染好的视图的明细:

打开微信开发者工具,点击工具栏的“调试器”按钮:

System标签页都可以 想看 有些微信小系统线程池池性能相关的参数和性能参数:

亲们熟悉了微信小系统线程池池的调试器,就能现在现在刚开始 下一章节关于微信小系统线程池池控制器的学习了。

链接如下:https://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=22474843006&idx=1&sn=314d749da91a94064ef1e258657a0974&chksm=ead5b105dda23813addbca28689e3fcc22c0b47cb2d4f49557ec796edfa8fe88c43d2c70567a#rd

你有些系列的下一步,会继续介绍你有些微信小系统线程池池的控制器index.js的实现。在上一篇微信小系统线程池池视图源代码的讲解里,亲们通过逐行讲解代码的土办法,介绍了微信小系统线程池池视图的基本开发思路。或者 讲控制器index.js, 仅仅采取静态的代码走查还不足,亲们前要将微信小系统线程池池启动起来,通过单步调试的土办法逐行讲解,通过控制器的调用上下文能对微信小系统线程池池的控制器实现有更深入的了解。

或者 都可以 在手机的调试器上想看 输出的Jerry:

微信小系统线程池池的调试器在手机上仍然都可以 打开。在手机上访问微信小系统线程池池,点击屏幕右下角的vConsole按钮。

domComplete(domLoaded): dom加载总共花费19毫秒

在调试器里打开亲们的控制器index.js, 单击行号"3", 或者 行号3自动被高亮,说明第3行或者 成功设置好了原先断点。

Wechat lib: 库文件版本2.0.9

接着整个手机屏幕就被微信小系统线程池池的调试器充满了。你有些调试器和电脑上安装的微信开发者工具相比,仅仅能显示日志和执行有些简单的JavaScript操作,或者 不都可以 像电脑上那样,进行JavaScript代码的调试。