导航网站时，页面不会更新chrome＆＃dev开发工具中的网址或源代码

Question

目标

我正在制作Chrome扩展程序，以便在我的大学网站上执行一些操作，因为选择课程的布局很糟糕。为此，我需要访问元素来读取它们的内部信息，并复制它们的CSS以添加我将从不同的站点获得的某些信息，以适合页面样式的方式。

问题

当我在我想要使用的确切页面上打开源代码时，它不会显示正确的HTML。相反，它显示了开发工具下的主页面代码。有趣的是，当我突出显示某个元素时，代码会出现，并且我能够在工具中进行更改。但是，如果我尝试使用$(id)或$$(id)在控制台下调用特定元素，则会显示null或[]。

这会导致一些问题，因为我对任何与Web相关的开发都是新手，我希望看到完整的源代码，以便我可以选择我想要的元素并按照我希望的方式操作页面。也许我有一些东西可以忽略？这就是我需要你帮助的原因。

可能的原因

我尝试了很多东西并尝试研究并得出结论，它可能与帧有关，因为url没有改变。但是，如果这是实际问题，我无法找到任何资源来教我框架（我对此一无所知）。

如果问题是另一个问题，我将非常感谢您解决问题或我不了解的任何工作。

Answer 1

原因绝对是框架的使用。这里有多个文档，顶级文档和每个框架都有自己的文档。这很重要，因为您正在执行的JavaScript是顶级文档的99.9999％而不是子框架的文档。由于这个原因，它没有找到DOM节点，因为它没有搜索到框架＆＃39;文档。