微信小程序断点调试

于 2018-11-13 10:05:11 发布 3625 收藏
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/coderinchina/article/details/84024089
版权

做开发总会遇到bug,那么就需要调试,调试一般要么是打log,要么是断点调试,那么在微信小程序怎么断点调试呢？这和我们做Java或者Android 调试还是不一样的,微信小程序调试时先打开调试器,然后在Sources下，如图：

然后找到你要调试的代码,比如你要调试的是app.js中代码：在你需要调试的地方左键就ok了.

 

zhoushenxian
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信小程序断点调试.
08-07
微信小程序的断点调试，是相当重要的，因为微信的小程序的调试，本事不是太难。
微信小程序开发调试，常见问题&解决
03-29
在web开发的时候调试这一环是很重要的，之前日常调试主要使用chrome浏览器，不过，最近在进行微信公众号开发的时候，直接使用chrome进行调试总是感觉很麻烦，因为涉及到微信验证及跨域等问题。当然，在此之前试了很多其它的调试方法，不过感觉还是微信官方提供的调试工具来得实在。下面记录下，以便自己以后查看。 下载&安装 　　微信开发者工具：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140 　　  微信小程序开发者工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtool
IDEA断点调试技巧，多张动图包教包会
china_coding的博客
09-18 199
文章目录 一. 怎么开启断点调试？ 二. 调试界面咋那么多按钮？ 1.返回断点位置 2.步过 3.步入 4,5.强制步入，步出 6.回退断点 7.断点跳到光标处 8.表达式计算 9.恢复程序 10.停止程序 11.查看所有断点 12.禁用断点 13.其他 三. 竟然有那么多调试断点？ 1.方法断点 2.属性断点 3.异...
微信小程序开发（二）微信小程序的调试和发布
最新发布
Morris'blog
02-01 163
微信小程序的调试和发布
【微信小程序】断点调试一
lichong951的专栏
07-18 4089
高效的断点调试，解决bug的利器
微信小程序-单步断点调试
热门推荐
吹泡泡的星星
11-17 3万+
原文出处：http://blog.csdn.net/bright789/article/details/54709594  在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面
微信小程序调试工具
01-27
we-debug 一款灵活、易于拓展的小程序端调试工具 功能 网络请求抓包 错误日志抓取 路由信息获取 UI对比 ... 安装 npm install @we-debug/core --save 使用 在 json 配置中添加 we-debug 组件声明 { "usingComponents": { "we-debug": "@we-debug/core/component/index/index" } } 在页面 wxml 中创建 we-debug 组件 <we></we> 在 app.js 中初始化 we-debug 相关配置 const weDebug = require('@we-debug/core/libs/index') weDebug.init() 在线体验 插件列表 相关链接
微信小程序--断点单步调试（转载）
LinSeeker85的博客
08-15 2754
在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发和调整，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。         第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择...
HBuilder X 微信小程序 uni-app 调试（一）
qq_43345846的博客
12-28 2465
今天突然发现怎么调试的，没去看官方怎么说明。废话不多说！开整！ 步骤1： 打开内置浏览器 步骤2: 找到需要打断点的位置，点击行数旁边的空白部分 点击后会有一个小红点 步骤3: 在小红点上鼠标右击，选择【同步断点到内置浏览器】就可以愉快地开始调试啦！ 顺带说一句，CSDN是瞧不起Hbuilder么，文章标签都没有。。。 ...
js -断点调试技巧
qq_41365048的博客
12-13 713
说明： 使用这个之后再也用不上 console.log() 打印信息和数据，来一句真香。 官网链接：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/debugger#%E8%A7%84%E8%8C%83 使用方法： 在需要调试的 js 代码中输入 “ debugger; ” 便可启动断点调试，使用方法和步骤同谷歌浏览器调试 js 一样。 ...
微信小程序踩坑之本地调试
长缨缚苍龙
10-15 117
状态：小程序云开放打开本地调试，请求方式：模拟器触发； 在IDE模拟器进行点击请求云函数时，没有进入到本地调试断点。 解决方法：修改调试基础库
微信小程序打断点
怪只怪满眼尽是人间烟火
05-16 6226
手机调试微信小程序
Xiang_Gong_Ya_的博客
06-15 353
请求接口数据 打开设置-项目设置-勾选 手机预览小程序 预览-等待编译生成二维码 tips：上线前必须要是自己的微信或者添加到小程序后台添加成员管理 如果是开发版，则设置为开发者 最后 手机点开小程序的三个点 打开小程序的调试模式即可 over ...
微信小程序开发：小程序如何设置断点
BigGod_lxj的博客
03-12 2658
微信小程序如何设置断点 首先打开调式模式，在Sources中找到设置断点的行，并设设置断点。 快捷键补充： 1、F10 单步 2、F8 跳到下一个断点
HBuilder X 微信小程序 uni-app 调试 (二)
qq_43345846的博客
03-09 642
在一中所提到的方法，发现在Mac系统中尚未实装，所以再展示一个调试的方式。 调试一的地址 步骤1： 确保这里是没有打上勾的，也就是说不对代码进行压缩。 步骤2： 还是步骤1的截图位置，选择第一个微信开发者工具，对，这次的调试是放在微信开发者工具，或者可以点击下图的位置 步骤3： 按F12开启如谷歌浏览器一样的界面，如下图选择： 步骤4 输入你想要调试的文件名 步骤5： 在你想要调试的地方点击左边的数字即可！ 注意：前提一定不能勾选上运行时是否压缩代码的选项，否则代码会堆到一起，一行很长很长的
小程序调试
zhanghongcai的专栏
02-16 168
1、在调试器中找到sources 然后在左边断点； 2、直接在代码中写入debugger即可
在HbuilerX中进行第一次微信小程序调试
wu9caiji的博客
07-22 700
问题.按照hbuliderx官网上的教程进行了微信小程序的调试，刚开始不知道怎么调。 解决：运行—>运行到小程序模拟器—>微信开发者工具，提示添加微信小程序开发者工具路径，按照下面提示的地址去下载工具就可以，然后把这个路径按照hbuilder官网的提示填好。打开微信小程序开发者工具，按照图里面这样填写路径，就可以了。 ...
uniapp连接到微信小程序调试全过程以及遇到的bug
m0_55790549的博客
08-19 591
uniapp运行到小程序以及小程序白屏bug解决
微信小程序开发系列教程三：微信小程序的调试方法
SAP 资深技术专家 Jerry Wang 的技术分享
09-08 1万+
微信小程序开发系列教程 微信小程序开发系列一：微信小程序的申请和开发环境的搭建 微信小程序开发系列二：微信小程序的视图设计 这个教程的前两篇文章，介绍了如何用下图所示的微信开发者工具自动生成一个Hello World的微信小程序，并讲解了这个自动生成的微信小程序的视图开发原理。 这个系列的下一步，会继续介绍这个微信小程序的控制器index.js的实现。在上一篇微信小程序视图源代码的...
微信小程序真机调试，在连接的进入的时候卡住！
草莓Sir的博客
08-03 2533
微信小程序真机调试，在连接的进入的时候卡住！还没进去呢 bug描述 在进行微信小程序开发的时候，真机调试，但是在加载的时候卡住了，不是发网络请求！大概这样子！ 问题解决 这期间 我试过，换手机登录微信扫码，换电脑启动项目扫码，都不好用给，仿佛微信账号被锁定了一般，极其恐怖，因为，马上就下班了！ 后来手机没电了，插在电脑上充电！**，奇迹发生了，好用了！ 回想一下，之前不好用，正好时我把手机从电脑上拔出来了，忘记关闭调试了 那么问题就解决了，原因是，直接手机连接到电脑，点击真机调试把连接线的时候可能

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

zhoushenxian

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值