0

我显然对 HTML 和 Web 浏览器以及 python 也很陌生。我在 Firefox 中安装了 Web Developer 扩展，并注意到除了“查看源代码”选项之外，还有两个附加的“查看生成的源代码”和“查看框架源代码”选项。这些是什么？为什么它们应该不同？

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

2 回答 2

2

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

“查看框架源代码”适用于使用 HTML 框架集的网站。此类站点是多个单个 html 站点的组合，这些站点一起显示在一个页面上。是一种较旧的网页设计尝试，但仍被广泛部署。所以这样的网站可以看起来像一个简单的页面，左侧是菜单，旁边是内容。使用框架集会有一个 menu.html 和一个 content.html。两个 html 站点可以分别显示在“Web 开发人员工具栏”中，同时在其上单击鼠标右键并选择“显示框架源”

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

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

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

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

于 2013-04-06T14:52:07.303 回答
0

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

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

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

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

于 2013-04-06T14:56:18.547 回答