无法访问 iframe

Question

我正在尝试通过 chrome 扩展内容脚本访问具有多个 iframe 的 HTML 页面中的嵌套 iframe 。 HTML文档的页面结构如下：

    <main HTML page body>
    <iframe></iframe>
    <iframe id="test"><iframe>
    <iframe><iframe>
    </main HTML page body>

我尝试使用以下代码检查页面上是否存在 id="test" 的 iframe。

    var getFrames;

    window.addEventListener("load", (event) => {
      console.log("page is fully loaded");

      getFrames = window.frames;
      for (i = 0; i < getFrames.length; i++) {
        console.log(getFrames[i].frameElement.id);
      }
    });

    console.log(document.querySelectorAll("iframe"));

当我第一次加载 web 页面时，控制台给出了以下 output：

NodeList(2) [iframe#iframetop.MainNav, iframe#iframeSubMenu.MainNav]
script.js:4 page is fully loaded
script.js:8 iframetop
script.js:8 iframeSubMenu
script.js:4 page is fully loaded
script.js:8 test
script.js:8 dummyIframe

当我单击任何导航按钮链接时，会重新加载一些 iframe。 这次是console.log，页面刷新后是

NodeList(2) [iframe#iframetop.MainNav, iframe#iframeSubMenu.MainNav]
script.js:4 page is fully loaded
script.js:8 iframetop
script.js:8 iframeSubMenu

此时，我运行代码console.log(document.querySelectorAll("iframe")); 从 chrome 浏览器控制台。 我得到的节点列表与上面不同。

    console.log(document.querySelectorAll("iframe"));
    VM44304:1 NodeList(2) [iframe#dummyIframe, iframe#test]

我不明白为什么我从 contentscript 中得到不同的节点列表以及当我在浏览器中手动检查时？