Cocos Creator 调试入门
感谢原作者的辛勤劳作: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) 插件替代,其他步骤 ...
最新文章
- storyboard和xib的区别
- project02 U盘系统与排错系统
- 比特币耶稣Roger Ver:比特币现金是比特币扩容问题的答案
- Android 应用 之路 MPAndroidChart~ScatterChart
- 【Tools】Wireshark3.0安装教程详解
- 复旦大学吴立德《数值优化》、《深度学习》和
- 认识定制:JSON绑定概述系列
- java方法示例注释 @_Java注释和真实世界的Spring示例
- 工作130:computed
- android 改变图像亮度,【Android】使用SeekBar调整图像的色度、饱和及度亮度
- mysql 卡住_一次sql卡住的解决过程(mysql)
- Codeforces Round #257 (Div. 2) C. Jzzhu and Chocolate
- 《Scala机器学习》一一1.1 Scala入门
- amp;#9733;《唐琅探案》后记【3】
- 一页纸商业计划书 (Business Plan) 模板(转载)
- word转HTML 基本版
- Direct Rendering RenderMan Point Cloud
- 还在为满意的渐变色发愁吗?10+个网站帮你解决烦恼
- 2021 年的简单年终总结
- 独立产品灵感周刊 DecoHack #029 - 随便逛逛谷歌街景
热门文章
- 智和网管平台SugarNMS电力行业综合网管解决方案
- if和for的几个经典题目
- 精准发力补短板,产教融合发展论坛为“稳就业”赋能!
- L1-038 新世界 Python
- 中国人民大学 计算机应用技术,中国人民大学计算机应用技术考研经验-人大信息学院考研辅导班...
- python表达式_Python-计算字符串中的数学表达式
- 塔望食业洞察|预制菜行业市场现状、发展趋势及未来思考
- 微信小程序-从注册到上架
- oracle ssd加速,评测 | Intel Optane SSD 加速 SmartX 超融合在 Oracle 等场景下的系统性能...
- Android gif 动画