目标
我正在制作一个 Chrome 扩展来在我大学的网站上执行一些操作，因为选择类(class)的布局很糟糕。为此，我需要访问元素以读取它们的内部信息，并复制它们的 CSS 以添加我将从其他站点获取的某些信息，以适合页面样式的方式。
问题
当我在我想要使用的确切页面上打开源代码时，它没有显示正确的 HTML。相反，它在开发工具下显示了主页的代码。有趣的是，当我突出显示某个元素时，代码会显示出来，我可以在工具中进行更改。但是，如果我尝试使用 $(id) 或 $$(id) 调用控制台下的特定元素，它将显示 null 或[]。
这会导致一些问题，因为我对任何类型的 web 相关开发都是新手，我想查看完整的源代码，以便我可以选择我想要的元素并按照我喜欢的方式操作页面。也许我忽略了什么？这就是为什么我需要你的帮助。
可能的原因
我尝试了很多东西并尝试研究并得出结论，它可能与框架有关，因为 url 没有改变。但是，如果那是实际问题，我找不到任何资源来教我有关框架的知识(我对此一无所知)。
如果问题是另一个问题，我将不胜感激任何帮助解决它或任何我不知道的解决方法。
最佳答案
原因肯定是框架的使用。这里有多个文档在起作用，顶级文档和每个框架都有自己的文档。这很重要，因为您正在执行的 JavaScript 99.9999% 是顶级文档而不是子框架的文档。因此，它没有找到 DOM 节点，因为它没有搜索框架的文档。
关于javascript - 浏览网站时，页面未更新 Chrome 开发工具中的网址或源代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31226466/