【问题标题】:How to tell when page finished loading (server side, not javascript)如何判断页面何时完成加载(服务器端,而不是 javascript)
【发布时间】:2016-12-07 00:25:31
【问题描述】:

我正在尝试在 Ubuntu 16.04 实例上运行无头版本的 Google Chrome,但在启动依赖于 Chrome 的不同脚本之前,了解页面是否完全加载完成对我来说非常重要。

我试过了

google-chrome --kiosk --enable-logging --v=1 --log-net-log=/tmp/chrome-net.log --video-threads=6 --no-sandbox --no-experiments --no-default-browser-check --no-pings --no-service-autorun --no-wifi --noerrdialogs --process-per-tab --disable-gpu --no-first-run --disable-java --disable-plugins --disable-translate --disk-cache-size=$((1024 * 1024)) --disk-cache-dir=/tmp/chrome/ --user-data-dir=/tmp/chrome/ --incognito --force-device-scale-factor=1 --window-size=1280,720--window-position=0,0 URL

chrome-net.log 并没有告诉我太多,调试日志也一样(或者我不确定要搜索什么)

是否有任何其他方法可以找到页面何时完全加载(或至少 DOMContentLoaded 等效项)?

谢谢

【问题讨论】:

  • 满载是指连脚本、图片等类型的资源都加载了吗?
  • 如果可能的话,是的 - 如果不是,至少 DOMContentLoaded 替代方案也会很有用。
  • 您在寻找替代 DOMContentLoaded 的 JavaScript 代码吗?
  • 不,服务器 CLI 中的某些内容或来自 Chrome 的日志
  • 我想知道是否有办法从 chrome 网络日志中生成一个 HAR 文件或类似的东西,它的格式很奇怪

标签: linux google-chrome


【解决方案1】:

根据您的评论,我假设您想从 Chrome 生成一个 HAR(HTTP 存档)文件以用于日志记录,以下是您可能想要执行的生成 HAR 文件的步骤:

  1. F12键拉起Developer tools

  2. 点击Network标签。

  3. 在选项卡的此处,有一个Preserve log 选项,您需要选择它。查看this 截图。

  4. 选择后,重新加载当前页面。有一个类似this红色 按钮。红色按钮表示浏览器在当前页面上记录其活动。有时,您可能会看到一个 黑色 按钮,这意味着浏览器没有记录其活动。但您只需单击它即可开始录制并重新加载页面。

  5. 当红色按钮为ON 时,右键单击Network 选项卡中的任意位置,如this 之一,然后单击Save as HAR with Content。然后系统会要求您保存文件并完成。

您生成的 HAR 文件以 JSON 格式提供。您可以使用 JSON 工具查看或编辑数据。 JSON Editor 是一个流行的 JSON chrome 扩展,用于查看和编辑 JSON 数据。

希望它能帮助您实现您的目标!

【讨论】:

  • 嘿@Perumal93 这很酷 - 但我在这里谈论的是 CLI 的东西。不涉及桌面。一切都必须在后台发生。
  • 你的意思是像一个自动化的工作?
  • 不是“工作”,我想在服务器上使用 kiosk 模式从 CLI 启动 chrome 后 5 秒,获取 HAR 或类似的东西,我可以检查所有已提出的请求。请记住,这都是服务器端。没有 VNC,没有鼠标或键盘 :)
  • 您在问题中提供的命令会生成您的日志文件。你想要像 HAR 这样的格式吗?
  • 确实如此,但该日志非常难以阅读/分析。我在想是否可以将其转换为 HAR 或默认生成 HAR 而不是该日志。还尝试搜索一些可以使阅读该日志更容易的工具,但没有太多。猜猜我需要找到他们的文档并尝试以某种方式解析它,看看事情是否有意义。我只是想获得一个获取 HAR 的快捷方式,这样我实际上可以编写脚本:如果请求 X 失败,请执行此操作。
猜你喜欢
  • 2017-09-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-02
  • 1970-01-01
相关资源
最近更新 更多