javascript - Google 如何在搜索引擎结果页面上呈现其结果

标签 javascript html ajax google-chrome-devtools google-search

我首先注意到结果不在从服务器接收到的 HTML 中,因此我打开开发工具并开始查看浏览器下载的其他文件。

我注意到只有一个名为 gcosucxhr 请求,没有 json(也没有 xml或下载的其他数据文件)因此我认为代码是嵌入在 JS 本身中的。

然后我搜索了 chrome 下载的所有 .js 文件,但仍然找不到搜索结果的来源。

我认为搜索结果可能位于 iframe 元素内部,因此它们不会显示在开发工具中。考虑到这个假设,我查看了 DOM 加载后由 JS 生成的 HTML,认为结果可能会嵌入到 iframe 中,但我又错了。

有人知道 Google 如何获取并呈现其搜索结果吗?

最佳答案

据我所知,这一切都是使用 JavaScript 完成的,并在您滚动时动态呈现。

Google+ 的工作原理类似。只有您在屏幕上看到的内容实际上才在 DOM 上,并且当您滚动时它全部消失。

如果您尝试屏幕抓取结果,我建议您渲染到浏览器中并查看生成的 DOM。我使用 Chrome 。

关于javascript - Google 如何在搜索引擎结果页面上呈现其结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35281752/

相关文章:

javascript - 浏览器如何解析前端代码中未具体引用的图标库?

javascript - 使用 Twilio 客户端 (JavaScript SDK) 时如何提供动态状态回调 URL

javascript - ajax调用中的数组

jquery - 使用 jQuery/ajax 从外部站点获取特定元素

javascript - 如何在 DOM 上触发 js 创建的触摸事件

html - 如何保留 :active css style after clicking a link?

asp.net - 在右上角显示数字的输入按钮

html - 在 Ruby on Rails html.erb 文件中循环

html - 在ajax中用jquery更新css?

javascript - MVC 中的动态进度条