javascript - 实时代码编辑器 Codemirror - 实时预览无法执行

Question

我正在开发一个具有实时预览功能的代码编辑器(例如 jsbin )，我可以在我的 chromebook 上离线使用它。

但是，当我将其加载到浏览器中时，实时预览工作正常，但作为 Chrome 应用程序，它不会更新 iframe。您可以在 Github 查看源代码.

有谁知道原因和解决方法吗？

这是扩展程序开发人员控制台中显示的内容。

unload is not available in packaged apps.___________________________extensions::platformApp:17  
document.open() is not available in packaged apps.__________________extensions::platformApp:17   
Uncaught Error: document.write() is not available in packaged apps.    ____extensions::platformApp:31 

这就是问题所在...

function updatePreview() {
  var previewFrame = document.getElementById("preview");
  var preview =  previewFrame.contentDocument ||  previewFrame.contentWindow.document;
  preview.open();
  preview.write('<style type="text/css">' + cssEditor.getValue() + '</style>'); 
  preview.write(htmlEditor.getValue());
  preview.close();
}

Answer 1

措辞中的错误非常清楚。

Chrome 应用平台禁用了许多 Web API。

Though Chrome Apps use the web platform, some web features have been disabled or else are used in a different way. Mainly this is to avoid security issues and to improve programming practices.

完整列表可在Disabled Web Features获取文档，以及解决方法建议。

您需要调整您的代码以适应 Chrome Apps 平台；没有通用的魔法配方。