问题 #3449💬 已回答提出于 2021年5月11日作者 chiragkataria220 个反应

切换页面会反复调用画布样式和脚本

快速解答作者 chiragkataria22

@artf 你能帮帮我吗？

问题

嗨我正在将页面管理器集成到我的项目中。但我遇到的问题是，每当我在页面之间切换时，它会反复加载 canvas 对象中初始化时给出的 CSS 和脚本文件。这让页面切换变得缓慢。实施： Grapesjs.init（{ pageManager： { 页码：[ { id：“第1页”， styles： ''， // 或样式的 JSON 组件：“''，// 或组件的 JSON 名称：“第1页”， }, ], }, 画布：{ 风格：[ '../assets/bootstrap/bootstrap.min.css'， '../assets/platforma/platforma.min.css'， '../资产/editor.css'， ], 剧本：[ '../assets/bootstrap/jquery-3.5.1.slim.min.js'， '../assets/bootstrap/bootstrap.bundle.min.js'， '../assets/platforma/platforma.bundle.min.js'， ], }, }) 之后，我只需点击按钮手动添加页面

回答（3）

chiragkataria22• 2021年5月12日

@artf 你能帮帮我吗？

artf• 2021年5月22日

不幸的是，切换页面会创建一个新的iframe，所以行为是正确的。我更倾向于移除之前的iframe，以尽量降低内存占用。一个解决办法可能是想办法重用之前的iframe，但这可能会在外部JS中引发上下文问题......所以我不确定如何正确预防这种行为。总之，说实话，我不指望第一次加载后切换会这么慢，因为浏览器应该会缓存外部文件......你能制作一个你的经历的屏幕录制吗？

GJSBlock• 2026年5月17日

感谢你报告，@chiragkataria22。感谢你分享关于不断切换页面、调用画布样式和脚本的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。

在 GitHub 上查看完整讨论 →