什么是DOM生成的代码？

Question

我显然是HTML和Web浏览器以及python的新手。我在Firefox中安装了Web Developer扩展，并注意到除了“View Source”选项之外，还有两个“View Generated Source”和“View Frame Source”选项。这些是什么？为什么他们会有所不同？

1. 我不知道生成的源是什么。
2. 框架不是页面的一部分吗？如果是这样，为什么我需要单独的“查看帧源”选项？这是否意味着常规的“查看页面源”不会显示页面中所有元素的来源？
3. 如果我想查看执行/用于向我显示页面的代码，我应该查看哪个选项以及为什么？
4. 如果我想使用请求模块在python中获取此代码，我如何获取这些不同的源代码？

Answer 1

HTML代码可以动态修改为javascript。 “查看生成的源”将显示HTML，因为它是当前状态，可能已被javascript修改，并且与服务器提供的html不同。所以这对调试javascript应用程序很有意思。

“View Frame Source”适用于使用HTML框架集的网站。这样的这样的站点是在一个页面上一起显示的多个单个html站点的组合。是较早的网页设计尝试，但仍然广泛部署。因此，这些网站看起来像一个简单的页面，左侧是菜单，旁边是内容。使用框架集会有一个menu.html和一个content.html。两个html站点都可以在“Web Developer Toolbar”中单独显示，同时用鼠标右键单击并选择“Show frame source”

问题1和2应该得到回答。问题3。

  

如果我想看到执行/使用的代码向我显示一个页面，我应该查看哪个选项以及为什么？

回答使用“查看生成的源代码...”，因为这将为您提供实际上在浏览器中显示的html，无论它是否由javascript生成。

---

不幸的是我不是python专家所以问题4保持开放

Answer 2

生成的源是浏览器提取的帧源的结果，然后在浏览器上执行javascript以修改此页面。

要了解浏览器获取html页面与程序相比的更多信息，请在此处查看我的答案： https://stackoverflow.com/a/15775702/707949

然后获取酸性html页面检查这个答案： https://stackoverflow.com/a/15799102/707949

要获取生成的html源代码，请检查第一个答案的结尾