Javascript 如何使用java脚本将iframe加载到网站？

您好，下面是内容脚本代码，它将通过iframe在浏览器上打开的每个选项卡上加载“我的页面”

例如：假设打开amazon，将加载amazon.in左侧的iframe。我希望这个iframe沿着网站的一侧加载。但是在这里，它被加载到页面内容中，因此一些元素是不可访问的

代码：

下图是当前视图。

---

您必须修改站点的样式，例如

document.body.style.cssText='最大宽度：计算（100%-300px）！重要信息

。我认为应该有关于这项技术的细节和细节的现有答案，尝试搜索。通过减少最大宽度，它只是减少了页面300px，但它并没有分离iframe和页面。我想要它就像两页打开的书一样。一个页面（iframe）和另一个页面是amazonWell，您还需要通过设置

marginleft:300px来移动页面！重要信息

。您必须修改站点的样式，例如

document.body.style.cssText='最大宽度：计算（100%-300px）！重要信息

。我认为应该有关于这项技术的细节和细节的现有答案，尝试搜索。通过减少最大宽度，它只是减少了页面300px，但它并没有分离iframe和页面。我想要它就像两页打开的书一样。一个页面（iframe）和另一个页面是amazonWell，您还需要通过设置

marginleft:300px来移动页面！重要信息

。

var extensionOrigin = 'chrome-extension://' + chrome.runtime.id;
if (!location.ancestorOrigins.contains(extensionOrigin)) {
var iframe = document.createElement('iframe');
// Must be declared at web_accessible_resources in manifest.json
iframe.src = chrome.runtime.getURL('frame.html');

// Some styles for a fancy sidebar
iframe.style.cssText = 'position:fixed;top:0;left:0;display:block;' +
                       'width:300px;height:100%;z-index:1000;';
document.body.appendChild(iframe);
}