如何在 Chrome 扩展程序/应用程序中墨水到另一个 .html 页面？答案

【问题标题】：How to ink to another .html page within Chrome extension/app?如何在 Chrome 扩展程序/应用程序中墨水到另一个 .html 页面？
【发布时间】：2015-07-17 17:52:03
【问题描述】：

我正在为一个客户端构建一个 chrome 应用程序，该应用程序将以 kiosk 模式运行以显示在他们的商店中。现在我有一个 index.html 页面链接到大约 30 个其他页面。但是，当我单击应用程序中的链接时，我收到错误消息...

Can't open same-window link to "chrome-extension://leghflngpfmomcflabikghiemaajadne/poweredge"; try target="_blank".

所以我尝试了 target="_blank" 并尝试在新的 chrome 窗口中打开它.. 不好。我一直在阅读有关使用 webview 和沙盒页面的一些内容，但它们都在新窗口中打开页面，而且看起来不太好。

有没有更好的方法来做到这一点？现在我唯一的想法是将所有内容放在 index.html 页面上，并使用 jQuery 打开/关闭部分内容。不过，为了我自己的理智，我希望将所有页面分开。

谢谢！

【问题讨论】：

您当前如何链接到该页面？ html代码是什么？
Chrome 应用无法进行窗口导航，因此您可以实现 WebView 并在 WebView 中打开一次 index.html。
这是一个很好的信息亭示例：github.com/zebradog/kiosk
@Teepeemm 我只是使用常规的 html 链接.. <a href="..

标签： javascript jquery google-chrome-extension google-chrome-app

【解决方案1】：

Navigation is disabled 适用于 Chrome 应用平台。从理论上讲，您应该制作单页应用程序 - 因此您的打开/关闭方法是“预期的”方法。

没有人阻止您拥有多个窗口 - 假设您有一个选项页面，单独打开它并不奇怪（通过chrome.app.window.create）

正如 stdob 在 cmets 中提到的，可以通过使用 <webview> 和分区 blessed to show local resources 来解决问题。目前尚不清楚它是否允许访问应用程序 API。

【讨论】：

使用webview加载本地资源不是个好主意。 Webview 对于从 Web 加载实时内容很有用。使用 xhr 加载本地资源并修改 DOM（只需管理您的内容）。