推荐的电子应用程序配置 - iframe？网络视图？本地服务器？其他？

Posted 2023-02-21

【中文标题】推荐的电子应用程序配置 - iframe？网络视图？本地服务器？其他？

【英文标题】：Recommended Electron App configuration - iframe? webview? local server? other?

【发布时间】：2021-08-11 19:01:54

【问题描述】：

我正在构建我的第一个电子桌面应用程序。它从电子表格数据创建格式化的文档/书籍，以便打印或制作成 PDF。我试图找出在拥有大型文档（大量 div）时防止回流/重绘性能损失的最佳方法。我发现如果我在 iframe 中有这本书，那么我不会因 UI 更改而遭受重排/重绘，并且可以控制何时加载它。但是，如果我尝试创建 PDF，我只会获得可见 iframe 的数量。

简单地说，我正在寻找最好的解决方案来防止复杂 html 元素中的重排，同时仍然能够将其打印到 PDF。

【参考方案1】：

我已经找到了解决问题的方法。

据我了解，对于未运行服务器的电子桌面应用程序，您不能直接访问 myIframe.contentDocument 元素上的操作，例如 append、innerHTML 或 offsetHeight 等。您唯一能做的就是contentDocument.write()，但是一旦你使用了这个方法，你就可以访问所有其他常规的 DOM 方法。我能理解的最好的是，当您使用 contentDocument.write() 时，它实际上会创建一个虚拟 HTML 文档。这是我目前的解决方法，它让我可以控制哪些元素重排和哪些不重排。

希望这可以帮助任何处理相同问题的人。