🚨【关注】专题,快人一步了解本专题最新内容 👉一键关注👈
本文收录于【玩转平台】专题,了解专题中更多精彩内容,欢迎点击了解>>
🙋 本文推荐阅读指数:⭐⭐⭐⭐⭐
🕒 你正在阅读的是抖音开放平台的开发者工具之调试功能使用指南,预计阅读本文需要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一样,你需要先将设备加入小程序测试账号列表,并打开“开发者模式”。
然后在右上角点击【...】,点击【清除缓存】即可:
是不是才发现小程序调试原来这么简单?如果大家还有其他希望在开发者工具提供的功能,也欢迎通过评论区告诉我们哦~