编辑器预览选项建议

Creator 3.x
#1
  • Creator 版本：3.7.2
  • 目标平台：内建预览(实验室功能)
  • 重现方式：

开发调试过程中, 涉及到 sys.localStorage 逻辑时, 需要实时监看 local storage 内容的更新变化

目前在 Preview In Editor 模式下, 无法通过 dev tools 查看到 web api 形式的 local storage

一种监看的办法是进入浏览器预览, 可以正常看到 devtools 里的 local storage

用惯了 Editor 之后, 不是很适应再跳转到浏览器去操作 (工作窗口需要频繁切换焦点, 双屏下更难受)

另一种监看的办法是, 工程 scene/localstorage 下的 data.json 可以看到数据 (这点没有在文档中体现, 需要自己研究一下

综上提出一些建议

  1. 如果能在 editor preview 的 dev tools 中支持监看 local storage, 是极好的
  2. 退而求其次, 监看 data.json 文件也是可以接受的,
    但是!
    目前是单行 json, 建议增加一个 preview 选项, 支持生成带缩进的 json 格式, 也能愉快滴监看数据变化

感谢引擎的辛勤劳作和付出, 码字不易, 提个建议也算是为引擎添砖加瓦了, 希望早日看到这个部分的优化, 下个项目的时候, 说不定就能用到啦

#2

自己更新一下:
目前找到的更优的方案, 添加 Visual Studio Code Workflow 以后, 通过 F5 运行的方式自动呼出浏览器
同时解决了代码更新, 启动预览和监看数据的需求, 算是可以绕开这个问题了

#3

说的是这个功能吗？

image
image922×845 111 KB

#4

嗨 Jare, 是的是这里, 编辑器预览模式下, 这里目前是不可用的~
我这两天在调 storage 相关的逻辑的时候, 会很频繁地用到数据的监看

#6

订正: F5 不会自动更新代码, 需要先执行 command+shift+B 运行一下 build 再运行

#7

代码不太可能没更新吧，能具体说说重现方式？

#8

简单复现路径

  • 前提: 仅保持焦点在 VSCODE 内:
  • 选择任意已挂载的脚本组件, 在生命周期中增加 log(“i’m updated”), 保存脚本
  • ^F5 运行游戏, 未见日志输出
  • command + shift + B主动 build
  • ^F5 运行游戏, 可见日志输出
#9

感谢反馈，经过排查，是因为 localStorage 和编辑器的 WebView 不支持 localStorage 导致的（可能是缺少宿主环境配置之类的原因）。
也因此 data.json 无法生效，整个功能被屏蔽了。
后续我们计划将编辑器升级到原生内核，到时候就能解决。

1赞