玩转开发者工具丨属于真正程序员的调试美德
2342 浏览2023年12月11日作者:抖音开放平台团队

🚨【关注】专题,快人一步了解本专题最新内容 👉一键关注👈


本文收录于【玩转平台】专题,了解专题中更多精彩内容,欢迎点击了解>>


🙋 本文推荐阅读指数:⭐⭐⭐⭐⭐

🕒 你正在阅读的是抖音开放平台的开发者工具之调试功能使用指南,预计阅读本文需要3分钟,想要一键体验开发者工具可以点击“我要玩转IDE”。

欢迎体验开发者工具 IDE,高效开发的小宝贝——开发者工具4个的独家调试使用技巧大曝光:

1、使用 Lite 模式调试:嘎嘎降低内存

2、使用高效真机调试:分分钟提速

3、使用高效模拟器调试:真实场景模拟

4、更多非隐藏功能助力调试

抖音开发者工具中提供了很多调试能力,帮助开发者提高开发效率,一起来看看有哪些你没有用过的功能吧!

一、使用 Lite 模式调试

假如你是使用 VSCode、HBuilder 等软件进行开发,可以使用 Lite 模式进行开发,内存降低 40%+,空间利用率更高。

右键项目,使用 Lite 模式打开,或者在右上角进行 Lite 模式切换。


当你专注于模拟器调试时,可以切换到模拟器模式(如图1)。当你在专注于其他软件开发时,不需要使用模拟器的情况下,你可以点击模拟器右上角暂停更好地节省性能(如图2、3)。

当你专注于真机调试时,可以切换至真机模式。

二、高效真机调试

使用推送预览 / 调试,让真机调试速度更快。扫码绑定设备以后,便可以快速点击(或使用快捷键)进行快速推送调试。

当设备和电脑处于同一局域网时,可以勾选「开启局域网快速调试」,将极大利用设备资源,真机预览/调试的出码、连接速度提升 50% 以上。

三、高效模拟器调试

提供机型选择、网络连接切换(如图1)、自定义可拖拽设备宽度(如图2)、提供 N 种模拟能力。


果你需要调试用户登录相关(例如tt.login、tt.getUserProfile、getPhoneNumber)的功能,可以在模拟器上登录抖音账号,并使用该抖音账号个人信息进行测试。

四、更多调试器功能

除了常见的 Elecments、Network、Console 面板外,还有 AppData、Sensors 面板。

AppData 面板用于显示当前项目运行小程序 AppData 具体数据,实时地展示小程序数据,可以在此处编辑数据,并及时地反馈到界面上。

Sensors 面板用于模拟加速度和陀螺仪。通过该面板开发者可以实时模拟器加速度数据和陀螺仪数据,并在小程序中通过 onAccelerometerChange 或 tt.onGyroscopeChange 成功监听到数据变化。

⭐更多开发者工具隐藏技巧揭秘...

✨新版精彩:编辑器断点调试上线

编辑器源码断点调试为抖音开发者工具 4.1.7 新增能力。打开调试扩展面板,可以直接在代码中新增断点,刷新模拟器即可断住小程序。详情使用请查看下图红框部分,能够更方便地替代调试器的断点调试能力。

💖永久推荐:调试控制台的魅力

“调试控制台”可以在客户端真机上展示vConsole,方便开发者查看线上版小程序打印在console中的各种变量,以排查线上问题。 若需要查看控制台 Console 日志,你需要先将设备加入小程序测试账号列表,并打开“开发者模式”,启用“调试控制台”。

打开小程序后,在右上角点击【...】,点击【打开调试】,点击 vConsole,即可查看相关日志。

调试控制台(vConsole)可以帮助开发者解决和排线上异常问题,开发者可以在客户端打开“开发者模式”后,找到调试控制台(vConsole)的开关。👉我想使用vConsole

✖拒绝污染:两种方式清除缓存

你是否遇到过在本地测试没有问题,但新用户首次打开时总会有奇怪bug的情况?这往往是由于你在测试时,测试环境已经被各种缓存污染了,与首次访问的用户环境不一致。这个时候,你就需要将测试环境的缓存进行清除了。

1、模拟器清除缓存:

2、真机清除缓存:

与vConsole一样,你需要先将设备加入小程序测试账号列表,并打开“开发者模式”。

然后在右上角点击【...】,点击【清除缓存】即可:


是不是才发现小程序调试原来这么简单?如果大家还有其他希望在开发者工具提供的功能,也欢迎通过评论区告诉我们哦~

最后一次编辑于 2024 年 04 月 19 日
2 条评论

相关公告

专题推荐

热门文章

热门问答