Javascript 从我的网站获取HTML页面并将其插入我的chrome扩展中

我想从我网站的链接中获取html页面，并将其像html一样再次注入到我的

popup.html

页面的google chrome扩展中 我需要使用JavaScript编写代码，我不需要任何jquery，因为 我以前用jquery做过一部分

$.get('some website ', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});

但是我希望JavaScript代码从链接中获取html，我希望在代码中定义它

例如，我有一个类似

www.something.com/page.html

我需要获取page.html的源代码并将其注入popup.html中 这意味着扩展将显示

page.html

---

我希望这是一个很好的解释

这应该可以做到这一点，但要注意在另一个文档中注入一堆HTML的可能性——这是一种很容易导致：

您还需要向清单中添加一个权限，以允许您的扩展对

执行跨站点XHR。”http://www.some.com“

。假设没有其他权限：

"permissions": [
  "http://www.somecom/"
],

从安全POV，只需向some.com请求JSON数据，通过

JSON.parse（）

解析数据，然后在Chrome扩展中构建所需的任何UI就更合理了。使您的扩展更加稳定/灵活，因为所有UI都包含在Chrome扩展中，而不是扩展和some.com之间

或者，如果

page.html

足够静态，则将其捆绑到扩展中，并使用类似于上面的代码片段将其插入，但使用

chrome.extension.getUrl（'page.html'）

作为

request.open（）

的URL

---

无论您的

page.html

是来自其他网站还是来自扩展，您都可能需要修复图像、脚本、样式表的相对URL（Chrome在这里不会为您这样做），例如，在src/href属性前面加上

http://www.some.com/

再次将它们指向预期的资源。

您只是在寻找innerHTML吗？理解你的问题有点困难…你想要像iframe一样在弹出窗口中显示你的网站，还是想从你的网站复制html并将其放入弹出窗口？不，我需要的是从页面获取html，例如：www.some.com/page.html，然后我需要在popup.html中发布page.html

"permissions": [
  "http://www.somecom/"
],