感谢原作者的辛勤劳作: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. storyboard和xib的区别
  2. project02 U盘系统与排错系统
  3. 比特币耶稣Roger Ver:比特币现金是比特币扩容问题的答案
  4. Android 应用 之路 MPAndroidChart~ScatterChart
  5. 【Tools】Wireshark3.0安装教程详解
  6. 复旦大学吴立德《数值优化》、《深度学习》和
  7. 认识定制:JSON绑定概述系列
  8. java方法示例注释 @_Java注释和真实世界的Spring示例
  9. 工作130:computed
  10. android 改变图像亮度,【Android】使用SeekBar调整图像的色度、饱和及度亮度
  11. mysql 卡住_一次sql卡住的解决过程(mysql)
  12. Codeforces Round #257 (Div. 2) C. Jzzhu and Chocolate
  13. 《Scala机器学习》一一1.1 Scala入门
  14. amp;#9733;《唐琅探案》后记【3】
  15. 一页纸商业计划书 (Business Plan) 模板(转载)
  16. word转HTML 基本版
  17. Direct Rendering RenderMan Point Cloud
  18. 还在为满意的渐变色发愁吗?10+个网站帮你解决烦恼
  19. 2021 年的简单年终总结
  20. 独立产品灵感周刊 DecoHack #029 - 随便逛逛谷歌街景

热门文章

  1. 智和网管平台SugarNMS电力行业综合网管解决方案
  2. if和for的几个经典题目
  3. 精准发力补短板,产教融合发展论坛为“稳就业”赋能!
  4. L1-038 新世界 Python
  5. 中国人民大学 计算机应用技术,中国人民大学计算机应用技术考研经验-人大信息学院考研辅导班...
  6. python表达式_Python-计算字符串中的数学表达式
  7. 塔望食业洞察|预制菜行业市场现状、发展趋势及未来思考
  8. 微信小程序-从注册到上架
  9. oracle ssd加速,评测 | Intel Optane SSD 加速 SmartX 超融合在 Oracle 等场景下的系统性能...
  10. Android gif 动画