Cocos Creator 调试入门

2024-05-16 08:33:59

感谢原作者的辛勤劳作：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 调试入门相关推荐

Cocos Creator 开发入门
Cocos Creator 开发入门 H5小游戏,基本都是用的Cocos Creator和LayaBox,egret 这三款引擎IDE. Cocos Creator官网:https://www.coc ...
Cocos Creator学习目录
目录安装和启动文件结构编辑器基础基本概念 (场景树节点坐标组件 ) Cocos Creator 脚本简介 Cocos Creator调试节点 cc.Node 组件开发cc.Compon ...
Cocos Creator入门实战：桌球小游戏
Cocos Creator入门实战:桌球小游戏转载请保留原文链接:https://blog.csdn.net/zzx023/article/details/90035153 本篇主要是希望能够通过C ...
Cocos Creator游戏引擎可以支持鼠标吗_Cocos Creator入门实战：桌球小游戏
本文作者:BigBear 多年游戏行业研发经验精通Unreal.CocosCreator游戏引擎参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏本篇主要是希望能够通 ...
Cocos Creator入门实战：桌球小游戏
本文作者:BigBear 多年游戏行业研发经验精通Unreal.CocosCreator游戏引擎参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏本篇主要是希望能够通 ...
Cocos Creator 开发QQ玩一玩入门到放弃？
Cocos Creator 开发QQ玩一玩入门到放弃? 文章目录 Cocos Creator 开发QQ玩一玩入门到放弃? 1.环境搭建 1.1 开发工具准备 1.1.2 官方站点 1.1.3 编辑器使 ...
cocos creator 获取当前时间_前端开发者入门 Creator 必读吧
写在前面因为公司的业务需求,近期学习了Cocos Creator这款游戏引擎的开发,也基于此上线了一款游戏,因此写这系列文章记录一下我从入门到项目发布的学习过程. 相对于 web 开发,像Cocos ...
cocos creator android 真机调试配置密匙
android 真机调试与打包真机调式 cocos creator 环境配置完成后选择编辑器 => 项目 => 构建发布 => android => 构建构建完成后打开 ...
【vscode】调试cocos creator (Js 无法命中断点问题解决)
先看看官方教程–使用 VS Code 调试网页版游戏一.安装插件 Debugger for Chrome已弃用安装 JavaScript Debugger (Nightly) 插件替代,其他步骤 ...

最新文章

热门文章