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

  • 时间:
  • 浏览:1

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

其他同学注意到上图的“command...”输入框还可不也能输入因此 简单的JavaScript命令,比如console.log("Jerry")。

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

你你這個 教程的前两篇文章,介绍了何如用下图所示的微信开发者工具自动生成从前Hello World的微信小线程池池,并讲解了你你這個 自动生成的微信小线程池池的视图开发原理。

因此还可不也能在手机的调试器上看得人输出的Jerry:

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

我在我的微信公众号“汪子熙”上也写过一篇Chrome开发者工具的使用技巧介绍,感兴趣的其他同学还可不也能去看看:

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

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

在调试器里打开其他同学的控制器index.js, 单击行号"3", 因此行号3自动被高亮,说明第3行将会成功设置好了从前断点。

点击“编译”按钮,其他同学的小线程池池自动启动,设置在控制器里的断点就自动触发了。从前其他同学就还可不也能通过单步调试的方法来学习微信小线程池池控制器的调用上下文了。

你你這個 系列的下一步,会继续介绍你你這個 微信小线程池池的控制器index.js的实现。在上一篇微信小线程池池视图源代码的讲解里,其他同学通过逐行讲解代码的方法,介绍了微信小线程池池视图的基本开发思路。因此讲控制器index.js, 仅仅采取静态的代码走查还过低,其他同学可不也能将微信小线程池池启动起来,通过单步调试的方法逐行讲解,通过控制器的调用上下文能对微信小线程池池的控制器实现有更深入的了解。

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

System标签页还可不也能看得人因此 微信小线程池池性能相关的参数和性能参数:

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

Wechat lib: 库文件版本2.0.9

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

接着整个手机屏幕就被微信小线程池池的调试器充满了。你你這個 调试器和电脑上安装的微信开发者工具相比,仅仅能显示日志和执行因此 简单的JavaScript操作,因此非要像电脑上那样,进行JavaScript代码的调试。

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

MicroMessenger版本号:6.6.6

navigation: 3ms 跳转时间3毫秒

为此其他同学比较慢研究会微信小线程池池的调试方法。

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

做过前端开发的其他同学们,还可不也能一眼看得人出这确实就说 Chrome的开发者工具。