如何在 chrome 扩展程序 MV 3 中加载沙盒 .html-解网

问：

我在内容脚本中有一个 react 应用程序，它通过 Shadow 根附加到 DOM。它使用清单版本 3。

我想在内容脚本中呈现，但 chrome 阻止它显示。我想使用沙盒 .html 运行媒体编码器逻辑以绕过 csp 警告。这是错误消息：sandbox.html

content script

const MySandboxIframe = () => {
  return (
    <div>
      <div className="testR" id="theFrame">
        <iframe
          id="theFrame"
          src={chrome.runtime.getURL('sandbox.html')} //sandbox.html in public folder, It has a script loaded sandbox.js file
          style={{
            width: '100%',
            height: '100px',
          }}
          sandbox="allow-scripts"
        ></iframe>
      </div>
    </div>
  );
};

sandbox.html in public folder

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="sandbox.js"></script>
  </head>
  <body>
    <p>This is hidden inside a hidden sandboxed iframe.</p>
  </body>
</html>

sandbox.js in public folder

window.addEventListener('load', () => {
  console.log('=============> sandbox.js');
});

manifest.json v3

...
  "sandbox": {
    "pages": ["sandbox.html"]
  }
...

如何在不被浏览器阻止的情况下渲染 iframe？有什么想法吗？

javascript reactjs dom iframe google-chrome-extension

周围应该有例子，我没有任何链接。外部 iframe 在 web_accessible_resources 中定义，并添加到网页中。此 iframe 在内部创建另一个 iframe，该 iframe 在中定义。此内部 iframe 可以使用 eval 或外部代码。要进行通信，您将通过 iframeElem.contentWindow.postMessage 使用标准的 Web 跨帧通信。sandbox

答： 暂无答案

上一个：如果逐页抓取数据，如何迭代浏览页面？

下一个：Chrome扩展程序后台文件的问题

如何在 chrome 扩展程序 MV 3 中加载沙盒 .html

How to load Sandbox.html in chrome extension MV 3

评论