如何获取谷歌涂鸦源代码?求2018万圣节涂鸦的HTML嵌入代码
获取2018年万圣节谷歌涂鸦完整HTML代码的可行方法
用浏览器开发者工具抓网络请求
- 打开涂鸦页面,按
F12或Ctrl+Shift+I调出开发者工具 - 切到「网络」标签页,刷新页面
- 在筛选框输入
html,找到返回状态为200的主文档请求,点进去看「响应」标签,就能拿到完整页面的HTML代码 - 如果涂鸦是靠脚本动态加载的,就筛选
script类型的请求,找到负责渲染涂鸦的脚本,从里面提取对应的HTML结构或者渲染逻辑
- 打开涂鸦页面,按
直接复制动态渲染后的DOM
- 打开开发者工具的「元素」标签页
- 等页面完全加载、涂鸦动画正常显示后,在元素面板里找带
doodle或google-doodle类名的容器节点 - 右键点这个节点,选「复制」->「复制外部HTML」,就能拿到包含涂鸦完整内容的HTML片段
保存整个页面到本地
- 按
Ctrl+S(Mac按Cmd+S),选择「网页,全部」格式保存 - 打开本地保存的HTML文件,里面会包含页面加载后动态生成的涂鸦相关HTML和资源引用
- 按
内容的提问来源于stack exchange,提问作者Kevin L.
相关产品推荐
相关产品推荐

