javascript - 并行加载两个页面并合并结果

Question

我的 Chrome 扩展程序通过使用内容脚本发出 AJAX 请求，将页面 B 中的 HTML 插入页面 A:

ma​​nifest.json

[...]

"content_scripts": [
  {
    "js": [
      "jquery-1.11.0.min.js", 
      "myscript.js"
    ],       
    "matches": [
      "*://www.pageA.com/*",
    ]
  }
]

myscript.js

$.get('www.pageB.com/' + getPage(document.URL), function(data) {
    $(data).find('#page_B_element').insertBefore($('#page_A_element'));
});

但是，只有在页面 A 部分呈现后，才会开始下载页面 B，因此在插入 $('#page_B_element') 之前存在明显的延迟。即使在收到页面 A 后立即注入(inject) Javascript，使用 "run_at": "document_start" 也是如此。在 manifest.json 中。

• 是否可以在请求页面 A 之后立即请求页面 B，并并行下载这两个页面？这在普通网页的客户端是不可能的，但扩展可以通过类似 webRequest 的东西来实现这一点。 API？

• 如果做不到这一点，是否至少有一个非 hacky如何同时显示A页面和B页面插入的元素？

编辑:

请注意，页面 B 取决于 pageA.com 上请求的子域，因此这不仅仅是缓存页面 B 的问题。这在原始帖子中并不清楚。

Answer 1

是否可以在后台脚本中检索 pageB_element ？ https://developer.chrome.com/extensions/event_pages

在这种情况下，最初的性能会受到影响，但此后您将拥有 pageB_element(内部 html)的缓存副本，然后您可以立即将其插入页面 A 中。