抓取 CSS 以批量检查响应性答案

【问题标题】：Scrape CSS to bulk-check responsiveness抓取 CSS 以批量检查响应性
【发布时间】：2015-04-17 14:55:50
【问题描述】：

我有一个网络域列表，并想检查它们是否被构建为移动响应。手动检查的一个相当可靠的方法是查看 style.css 中是否有“@media”查询。

我以前使用 XPATH (IMPORTXML) 来批量检查网页上的字符串，但我没有看到批量导入 css 文件并在其中搜索字符串的明显方法。有没有办法做到这一点？理想情况下，我想在 Google 表格或 Google Apps 脚本中完成它。

谢谢！

【问题讨论】：

【解决方案1】：

如果您想使用 GUI，可以使用 Google's Mobile-Friendly Test。

如果你想使用 REST API，试试这个（替换你想要测试的 url 参数）：

https://www.googleapis.com/pagespeedonline/v3beta1/mobileReady?url=http://facebook.com

这将返回一个 JSON 对象。它会返回许多有用的信息，但如果您只是在寻找移动友好性，请在此处查找 true 或 false 结果：

"ruleGroups": {
  "USABILITY": {
   "pass": true
  }

希望有帮助！

【讨论】：

谢谢，这正是我想要的。我知道 Pagespeed 可以做到这一点，但不知道除了 JSON 输出之外您还可以取笑响应性。作为后续，我看到 JSON 中有一个“屏幕截图”输出 - 这是我实际上可以用来在某处保存屏幕截图图像的东西吗？
JSON 结果末尾包含一个屏幕截图："screenshot": { "mime_type": "image/jpeg", "data": "........"}。
谢谢 - 实际上我看到了这个但不知道如何转换为图像。我最初认为它是在 base64 中，但似乎无法解码它......
我也遇到了同样的问题——显然 base64 编码的字符串是无效的。请参阅此comment in a google thread about this issue 进行修复。它对我有用！