为什么Python爬虫抓取的网页源码和浏览器看到的不一样_识别动态渲染与iframe内嵌内容

落宇大大_2781

落宇大大_2781

2026-05-07

337人浏览

原创

爬取源码与浏览器看到的不一致,根本原因是requests仅获取服务器返回的原始html,不执行js、不加载iframe、不处理重定向;而浏览器展示的是js渲染、ajax注入、iframe嵌套后的完整dom。

为什么python爬虫抓取的网页源码和浏览器看到的不一样_识别动态渲染与iframe内嵌内容

爬取的源码和浏览器看到的不一样,绝大多数情况不是代码写错了,而是你根本没拿到浏览器最终渲染出来的那个 DOM —— requests 拿的是服务器吐出的原始 HTML 字节流,而浏览器展示的是 JS 执行、AJAX 加载、iframe 注入之后的完整结果。

为什么 response.text 和浏览器“查看网页源代码”都对不上?

这不是 bug,是设计如此:requests 不解析 <meta charset>,不执行 JS,不加载 iframe,也不处理重定向后的最终页面。常见表现包括:

  • 目标元素在 response.text 里完全不存在,但在浏览器 Elements 面板里清清楚楚
  • 页面有 “加载中…” 文字,但爬虫拿到的就是这行文字,没后续数据
  • response.url 和你请求的 URL 不一致(发生了 302),但你没察觉
  • 中文乱码:服务器响应头没声明编码,response.text 错误地用 ISO-8859-1 解了 UTF-8 字节

实操建议始终优先用 response.content + 显式解码,而不是依赖 response.text:

html_bytes = response.content
encoding = 'utf-8'  # 或用 chardet.detect(html_bytes)['encoding']
html = html_bytes.decode(encoding, errors='replace')

怎么确认内容是不是由 JavaScript 动态渲染的?

打开浏览器开发者工具 → Network 面板 → 刷新页面 → 点击顶部 HTML 请求 → 查看 Preview / Response 标签页。如果这里看到的结构和 Elements 面板里差很多(比如少了列表、多了 loading 占位符),基本就是 JS 渲染。

  • 再切到 Elements 面板,右键任意目标元素 → “Break on” → “attribute modifications”,刷新看是否触发断点:触发说明 DOM 是 JS 后续改的
  • 禁用 JS 后刷新页面(DevTools → Settings → Debugger → “Disable JavaScript”),如果目标内容消失了,那它必然依赖 JS
  • 检查 Network 中是否有 XHR/Fetch 请求返回 JSON 数据,且这些数据恰好对应页面上动态插入的内容

此时别硬刚 requests,直接抓那个 XHR 的 URL 更快更稳 —— 它通常参数少、响应轻、无渲染开销。

Li Python Sec Check
Li Python Sec Check

Python 安全规范检查工具:基于 CloudBase 规范、腾讯安全指南,LLM 智能分析(默认禁用,优先本地执行)

下载

iframe 内容为什么总被漏掉?

requests 默认只请求你给的那个 URL,不会自动递归请求 <iframe src="..."></iframe> 里的地址。你看到的“完整页面”,其实是多个独立 HTTP 响应拼起来的。

  • 浏览器 Elements 面板里能看到 iframe 子文档的 DOM,但 response.text 里只有那一行 <iframe src="subpage.html"></iframe>
  • 想获取 iframe 内容,得单独发一次 requests.get() 去请求它的 src 属性值(注意处理相对路径、base 标签、cookie 传递)
  • 有些 iframe 的 src 是 JS 动态写的(比如 iframe.src = '/data?token=' + token),这时必须先执行 JS 才能拿到真实地址

这种场景下,Selenium 或 Playwright 不是“重武器”,而是必要工具 —— 它们会自动加载并解析所有 iframe,生成一棵完整的嵌套 DOM 树。

比对时最容易忽略的细节

就算你拿到了“看起来一样”的两个 HTML 字符串,哈希值也可能不同。不是因为内容不对,而是因为:

  • 服务器每次返回的时间戳、随机 token、埋点 script 标签位置不同
  • 浏览器保存的“网页源代码”可能已自动格式化/补全标签,而 requests 拿到的是压缩原始流
  • 空格、换行、制表符在 HTML 中无语义,但会影响字符串哈希
  • 注释、<script></script>、<style></style> 标签顺序或内容微调(如 sourcemap URL 变了)也会导致差异

真正有效的比对,不是比整个字符串,而是提取关键节点文本(比如用 BeautifulSoup.select('h1.title') 拿标题)或计算 DOM 结构指纹(如子元素数量、class 名集合),再对比这些稳定特征。

Python免费学习笔记(深入):立即使用
在学习笔记中,你将探索 Python 的核心概念和高级技巧!

相关专题

更多
python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

2023.07.20

1671

4

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

2023.07.25

4204

7

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.31

1669

3

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

2023.08.03

24357

23

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

2987

5

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3007

5

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

1163

5

python合并两个列表
python合并两个列表

Python是一种强大的编程语言,具有许多方便的功能和工具。在Python中,有多种方法可以合并两个列表。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.10

596

4

python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2323

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程