【微信小程序】断点调试一

于 2022-07-18 16:39:23 发布 4158 收藏
分类专栏： 大前端极简开发入门 # 微信小程序 文章标签： 微信小程序 小程序 前端 UI布局 断点调试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lichong951/article/details/125854541
版权

在这里插入图片描述
路径如下图：
在这里插入图片描述
高效的断点调试，解决bug的利器

具体步骤

1、先运行可浏览页面
2、找到待调试的页面
3、在调试器面板 Sources里找到对应路径的页面和js文件
4、在适当的位置设置断点
5、触发断点
6、注意单步调试按钮

lichong951
关注
  • 0
    点赞
  • 踩
  • 0
    收藏 更改收藏夹
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序断点调试.
08-07
微信小程序的断点调试，是相当重要的，因为微信的小程序的调试，本事不是太难。
微信小程序开发（二）微信小程序的调试和发布
最新发布
竹毛言己
02-01 176
微信小程序的调试和发布
微信小程序里面的单步调试和变量查看
bright789的博客
01-24 4万+
在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。 第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”S
20210826 微信小程序 js打断点很重要-bug
fghfghhgjgj的博客
08-26 564
js 代码是异步执行，只用console.log()找错误是不可靠的， 必要时，需要打断点，才能找到错误。 就像在微信小程序中，打印数组的长度， let arr = [] console.log(arr.length) arr[0] = ‘哈哈哈哈’ 结果不会是0。 一旦程序庞大，很容易出错。 ...
  微信开发者工具 第一个微信小程序 成功了！
chenggong9527的博客
03-15 1354
//index.js //获取应用实例 constapp=getApp() Page({ data:{ motto:'HelloWorld你好世界我是黑马程序员！', userInfo:{}, hasUserInfo:false, canIUse:wx.canIUse('button.open-type.getUserInfo'), canIUseGetUserProfile:false, ...
微信小程序开发：小程序如何设置断点
BigGod_lxj的博客
03-12 2672
微信小程序如何设置断点 首先打开调式模式，在Sources中找到设置断点的行，并设设置断点。 快捷键补充： 1、F10 单步 2、F8 跳到下一个断点
使用微信开发者工具的调试器
学习
06-27 1880
在工作中，要学会调试。 以下是使用微信开发者工具中调试器的介绍 Wxml：可看到真实的页面结构和属性，通过左边的选择器，可快速找到页面中元素对应代码Consle：显示小程序的错误输出，打印console.log的内容，可在此输入和调试代码Storage：显示当前项目中使用setStorage或setStorageSync储存在本地的数据Sources：小程序编译出错时可点击错误跳转到这里查错，打断点调试Network：观察和显示接口的请求情况Appdata：显示项目当前页面 appdata 里的实时数据情况
2020-10-15
weixin_41596078的博客
10-15 114
断点调试-程序员的必修课 断点调试是作为一个开发的基本功，本文有不完善的地方会持续改进! 一、源码调试/debugger方法 1.1控制台调试按钮介绍 Resume script execution恢复断点调试、常用在一个方法调用多个js文件（适用冗长js代码使用）、点击这个会直接跳转到下一个断点（逐过程执行）Pause script execution停止断点调试step over next function call逐语句执行，每点击它一次，js语句就会往后执行一句，快捷键-F10st...
微信小程序断点调试
zhouguizhi
11-13 3629
做开发总会遇到bug,那么就需要调试,调试一般要么是打log,要么是断点调试,那么在微信小程序怎么断点调试呢？这和我们做Java或者Android 调试还是不一样的,微信小程序调试时先打开调试器,然后在Sources下，如图： 然后找到你要调试的代码,比如你要调试的是app.js中代码：在你需要调试的地方左键就ok了.  ...
微信小程序打断点
怪只怪满眼尽是人间烟火
05-16 6230
微信小程序开发工具介绍及断点代码调试)
guochanof的专栏
04-28 2万+
下面对微信web开发者工具做个简单的介绍 下载: 在上篇已经介绍过下载式了,可到微信小程序开发详细流程 一 (注册小程序及开发工具的下载)查看详细内容 下载地址: 前往开发者工具下载页面 模拟器:UI视图 这里是个小程序的模拟器,建议使用iphone6,原因后面会说到, 这里是小程序的一个功能区域啊,下面会一个逐一讲解,先看下一块, 这个区域是我们在调试的...
微信小程序开发制作 | 小程序开发者工具功能介绍
gyufan的博客
01-02 1517
大家好，我是江雨凡，专注于微信小程序开发6年，我写的是关于小程序的系列文章。如果有小程序 的问题和需求，欢迎一起交流学习。
微信小程序--断点单步调试（转载）
LinSeeker85的博客
08-15 2756
在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。         第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择...
小程序怎么打断点
xiyangyang8110的博客
08-07 1万+
保存编辑模块的代码，在调试模块–>Sources中找到对应的位置打断点F10 单步 F8 跳到下一个断点
微信web开发者工具小程序单步调试
。
06-17 3419
1.打开调试器，在sources下找到要调试的文件，在行号前单击打上断点 2.点击右边的播放按钮即可单步调试，右边还有单步跳过等功能，鼠标放在变量上可以查看变量值    ...
微信小程序开发系列教程三：微信小程序的调试方法
SAP 资深技术专家 Jerry Wang 的技术分享
09-08 1万+
微信小程序开发系列教程 微信小程序开发系列一：微信小程序的申请和开发环境的搭建 微信小程序开发系列二：微信小程序的视图设计 这个教程的前两篇文章，介绍了如何用下图所示的微信开发者工具自动生成一个Hello World的微信小程序，并讲解了这个自动生成的微信小程序的视图开发原理。 这个系列的下一步，会继续介绍这个微信小程序的控制器index.js的实现。在上一篇微信小程序视图源代码的...
程序调试要一步一步打断点
a day a better
08-28 3456
调试随记
微信小程序调试工具
Lyndon的专栏
03-28 581
js签名调试 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 调试公众号页面，也就是微信浏览器的页面 微信开发工具->更换开发模式->公众号网页调试
CodeBlocks调试功能快捷教程
热门推荐
迂者-贺利坚的专栏
11-10 9万+
在程序设计中，单步调试能够跟踪程序的执行流程。跟踪过程中，还可以观察变量的变化，从而发现其中存在的问题。单步执行除了可以帮助我们发现设计的程序中存在的问题，对于初学者，还可以帮助我们理解语言的机制。　　所以，对于初学者，掌握所用的集成开发环境的一般用法，是一件非常重要的事情。　　由于其重要性，再引用中国的一句古话“工欲善其事，必先利其器”，单步调试就是程序设计者最重要的工具之一，这种工具的形态是软

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lichong951

你的鼓励决定更新的动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值