有啥方法可以查看使用 Angular UI-Router 的网页的完整源代码？

Posted 2023-03-06

【中文标题】有啥方法可以查看使用 Angular UI-Router 的网页的完整源代码？

【英文标题】：Is there any way I can view the full source code of a webpage that uses Angular UI-Router?有什么方法可以查看使用 Angular UI-Router 的网页的完整源代码？

【发布时间】：2016-01-05 13:56:29

【问题描述】：

例如，如果您要访问http://angular-ui.github.io/ui-router/sample/#/，无论该网页上的哪个页面..如果您右键单击-->查看源代码，源代码始终相同。

有什么方法可以查看浏览器完整显示的 html 吗？如......Angular代码的“ui-view”部分切入不同页面上HTML的另一部分......我想看看浏览器如何查看所有HTMl作为一个完整页面放在一起。

【问题讨论】：

打开浏览器的开发者控制台，查看源码和元素

@Jorg 嘿 jorg 感谢您的回复。让我试试看..现在看起来好像这样做了..我仍然需要深入研究代码以查看正在加载的页面，然后将其嵌入到主视图中以了解它看起来如何完全在一起.希望有更简单的方法

@Jorg 啊，你是对的.. Elements 正是我想要的。太棒了！

查看源代码只是从服务器发送的内容

@charlietfl 啊好吧我不知道。感谢您的澄清！

【参考方案1】：

在 Chrome 中：按 F12 打开开发者工具，然后转到“源”选项卡：

所有当前加载的源都显示在左侧，点击它们会在中间显示代码。

【讨论】：

元素选项卡实际上是我正在寻找的，但这有帮助。泰