感谢原作者的辛勤劳作:https://blog.csdn.net/potato47/article/details/79364727

打开 Chrome 开发者工具

Windows:F12 或 Ctrl+Shift+I 
Mac:Cmd+Opt+I 
有些网页可能屏蔽了快捷键,那么右上角手动点 

开发者工具常用选项

Elements:

用来查看界面元素,前端开发经常用到,但对于调试游戏来说,基本不会用到 

Console:

控制台输出,当然也可以输入 

Ctrl+L 清空控制台

Sources:

网页(游戏)的资源文件 

Ctrl+P可以搜索文件 

这里要确保打开了Source Map,这样才能看到原始的代码 

Network:

数据的请求信息 

联网的游戏经常用到,比如查看一些 http 请求

Performance:

运行的实时表现 

按两下Ctrl+E来得到一段时间内游戏运行实时表现,可以分析各个模块耗时多少,针对性地提高游戏性能

断点调试

Ctrl+P搜索并打开 Game.ts,在gameOver函数下面一行的行号上单击设置一个断点,当游戏运行到这里时就会停下来 

此时你就拥有了上帝之手,想干嘛干嘛

  • 把鼠标悬停到对应变量就会显示相应的值 
  • 查看函数运行堆栈 
  • 利用控制台查看变量 

  • 单步调试 

这几个按钮依次代表

  • 运行到下一个断点
  • 运行到下一行
  • 进入运行的函数体内
  • 跳出运行的函数体
  • 忽略断点,也就是遇到断点不停止程序
  • 程序运行出错时自动断点

至于“道理我都懂,但是我要在哪里下断点”这种问题,就要靠天赋了。

加点料

  • 程序运行到debugger就会自动停止运行 
  • console.trace() 会输出函数调用堆栈 
  • console.table() 会把一个对象按表格形式输出 
  • console.time() 和 console.timeEnd()得到一段代码的执行时间 
  • 全局变量随时查看 

  • 控制台查看Api 
  • 输入函数名(不带括号)双击进入源码 感谢原作者的辛勤劳作:https://blog.csdn.net/potato47/article/details/79364727

Cocos Creator 调试入门相关推荐

  1. Cocos Creator 开发入门

    Cocos Creator 开发入门 H5小游戏,基本都是用的Cocos Creator和LayaBox,egret 这三款引擎IDE. Cocos Creator官网:https://www.coc ...

  2. Cocos Creator学习目录

    目录 安装和启动 文件结构 编辑器基础 基本概念 (场景树 节点 坐标 组件 ) Cocos Creator 脚本简介 Cocos Creator调试 节点 cc.Node 组件开发cc.Compon ...

  3. Cocos Creator入门实战:桌球小游戏

    Cocos Creator入门实战:桌球小游戏 转载请保留原文链接:https://blog.csdn.net/zzx023/article/details/90035153 本篇主要是希望能够通过C ...

  4. Cocos Creator游戏引擎可以支持鼠标吗_Cocos Creator入门实战:桌球小游戏

    本文作者:BigBear 多年游戏行业研发经验 精通Unreal.CocosCreator游戏引擎 参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏 本篇主要是希望能够通 ...

  5. ​Cocos Creator入门实战:桌球小游戏

    本文作者:BigBear 多年游戏行业研发经验 精通Unreal.CocosCreator游戏引擎 参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏 本篇主要是希望能够通 ...

  6. Cocos Creator 开发QQ玩一玩入门到放弃?

    Cocos Creator 开发QQ玩一玩入门到放弃? 文章目录 Cocos Creator 开发QQ玩一玩入门到放弃? 1.环境搭建 1.1 开发工具准备 1.1.2 官方站点 1.1.3 编辑器使 ...

  7. cocos creator 获取当前时间_前端开发者入门 Creator 必读吧

    写在前面 因为公司的业务需求,近期学习了Cocos Creator这款游戏引擎的开发,也基于此上线了一款游戏,因此写这系列文章记录一下我从入门到项目发布的学习过程. 相对于 web 开发,像Cocos ...

  8. cocos creator android 真机调试配置密匙

    android 真机调试与打包 真机调式 cocos creator 环境配置完成后 选择 编辑器 => 项目 => 构建发布 => android => 构建 构建完成后打开 ...

  9. 【vscode】调试cocos creator (Js 无法命中断点问题解决)

    先看看 官方教程–使用 VS Code 调试网页版游戏 一.安装插件 Debugger for Chrome已弃用 安装 JavaScript Debugger (Nightly) 插件替代,其他步骤 ...

最新文章

  1. android蓝牙扫描中断,一段时间后,Android蓝牙Le扫描仪停止运行
  2. vue 获取元素在浏览器的位置_JavaScript获取窗口位置和元素坐标(兼容版)
  3. java警惕自增的陷阱
  4. “1天一朵云”,这是如何做到的?
  5. Win7-VirsualBox下学习Ubuntu--初识ubuntu
  6. 消息中间件学习总结(22)——MQ 面试专题
  7. 如何用Mac 自带的 Automator 进行图片格式转换?
  8. 东南大学计算机考研数学教材,考东南大学计算机的看这里,双非学长逆袭!
  9. Redis设计与实现(导航)
  10. conda cudnn版本升级_Ubuntu16.04深度学习环境+个人桌面配置(CUDA10.1 + cudnn8.0.4 + pytorch1.7)...
  11. Java利用itext实现导出PDF文件
  12. 十六、react UI组件库
  13. 爬虫爬取视频指定秒的画面
  14. 分享一个基于labview的2048小游戏(附详细教程+代码)
  15. Linux打印服务-CUPS的安装、配置和使用
  16. 关于meta标签中的http-equiv属性使用介绍
  17. 英语教师计算机研修总结,英语教师个人研修总结范文
  18. unity 转盘记录
  19. 0321 复利计算—贷款
  20. Java面向对象知识点小结

热门文章

  1. python barrier_Python中的Barrier对象
  2. 挖坑指南:如何在引用的外部js文件中获取vue页面实例?(独家)
  3. 踩坑-填坑之 : vue打包上线,页面无法显示
  4. 人工智能学习联盟免费课程——案例三:BMR计算器
  5. php字典遍历,OC中的遍历数组和字典
  6. mysql两个时间比较,Java架构师成长路线
  7. acme.sh申请Let‘s Encrypt 免费HTTPS证书
  8. 2022年全球市场输尿管入口导引鞘总体规模、主要生产商、主要地区、产品和应用细分研究报告
  9. @zxing/library插件在H5页面上调用摄像头进行扫码识别解决方法,以及对华为手机的兼容
  10. java多模块项目脚手架:Spring Boot + MyBatis 搭建教程