nw.js: <Webview> 没有出现，如何让它显示？答案

【问题标题】：nw.js: <Webview> does not appear, how to get it to show?nw.js: <Webview> 没有出现，如何让它显示？
【发布时间】：2021-10-25 05:51:38
【问题描述】：

我正在使用 nw.js 呈现以下失败的 index.html 文件。检查元素会在 html 代码中显示 webview，但它不会打扰加载所需的 url。如何使用 NW.js 在 webview 元素中显示目标网站？

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World</title>
    <style>
      * {
        font-family: sans-serif;
      }
      #webview {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: inline-flex !important;
      }      
    </style>
  </head>
  <body>

    <webview id="webview" src="https://reactjs.org" partition="trusted" />    

  </body>
</html>

【问题讨论】：

标签： javascript html node-webkit

【解决方案1】：

不要使用网络视图。围绕取消对他们的支持进行了讨论。如果您确实需要显示远程站点，请使用 iframe。

也就是说，许多人现在使用 webviews 没有问题。根据文档，我猜您的清单文件中缺少必需的条目：https://docs.nwjs.io/en/latest/References/webview%20Tag/

【讨论】：

在 nw.js 中是否使用带有 nwdisable 和 nwfaketop 的 iframe 与 <webview> 相同？我想在 nw.js 中使用 <webview> 的原因是因为它根据 NW.js docs.nwjs.io/en/latest/References/webview%20Tag 在单独的进程中运行。我很惊讶邮件列表上没有讨论这个问题
使用这些选项将非常接近webview，是的。在技术上仍然是相同的过程，但不允许访问父级或任何内置的 NW.js API。作为参考，这里是 webview 可以从 Chromium 中删除的讨论：groups.google.com/a/chromium.org/g/embedder-dev/c/1OvtnMhkteA/m/…
谢谢。我遇到的最后一个问题，也许这可以通过使用 webview 来解决？我正在使用 iframe 加载 https://asdf.com 并得到 net::ERR_SSL_VERSION_OR_CIPHER_MISMATCH，即使我启用了 nwfaketop 选项和 package.json "chromium-args": "--enable-file-cookies --allow-running-insecure-content --ignore-certificate-errors"。奇怪的是，当我从普通的 chrome 浏览器加载时，我可以在 iframe 中加载 https://asdf.com。

【解决方案2】：

我们需要知道你是否也在你的 package.json 中启用了它

您应该在 JSON 中有一些类似的代码

"webview": {
  "partitions": [
     {
       "name": "trusted",
       "accessible_resources": [
          "<all_urls>"
       ]
     }
  ]
}

【讨论】：