[大阪/横滨/德岛] 寻找基础设施/服务器端工程师！

【超过500家企业部署】AWS搭建、运维、监控服务

【CentOS的后继者】AlmaLinux OS服务器搭建/迁移服务

[仅适用于 WordPress] 云服务器“Web Speed”

[便宜]网站安全自动诊断“快速扫描仪”

[预约系统开发] EDISONE定制开发服务

[注册100个URL 0日元] 网站监控服务“Appmill”

【兼容200多个国家】全球eSIM“超越SIM”

[如果您在中国旅行、出差或驻扎]中国SIM服务“Choco SIM”

【全球专属服务】Beyond北美及中国MSP

[YouTube]超越官方频道“美由丸频道”

无头模式现已成为 Google Chrome 59 的标准配置，让我们尝试一下

2017.06.09

网络系统开发

1 更新谷歌浏览器
2 现在让我们尝试移动它 ~ 检查 DOM ~
3 我们先来试试吧~截图~
4 让我们尝试一下 - 转换为 PDF -
5 概括

你好。
我是Mandai，负责Wild 开发团队。

Google Chrome 版本 59 包含无头模式。
到目前为止，说到无头浏览器，PhantomJS 和 Selenium 很出名（我个人也使用过 Watir。 →无头浏览器列表）
所有这些都需要进行各种准备来构建环境，但是，使用 Google Chrome 59，您可以创建一个环境。只需安装即可实现无头环境！所以我尝试了一下。

请注意，从版本 59 开始，它与 Windows 不兼容，因此已在 CentOS 7 上确认操作。

更新谷歌浏览器

如果您通过 yum 安装，则更新很容易。

sudo yum -y 升级 google-chrome-stable

如果您还没有安装，从此页面下载rpm包
Google Chrome 的存储库也会自动添加，因此将来的更新可以使用 yum 命令执行。

现在让我们尝试移动它 ~ 检查 DOM ~

尝试通过 Google ChromeBeyond 主页

google-chrome --headless --disable-gpu --dump-dom https://beyondjapan.com<body id="index" style=""> ...

通过使用选项“--dump-dom”运行它，我能够获取网站的 DOM。

我们先来试试吧~截图~

接下来我就截图一下。

google-chrome --headless --disable-gpu --screenshot --window-size=1280,1440 https://beyondjapan.com [0608/054855.748933:INFO:headless_shell.cc(436)] 写入文件 snapshot.png 。

截图时，如果不指定浏览器显示尺寸，则只能截取相当小的区域，因此请使用“--window-size=[width],[height]”选项设置屏幕尺寸。

要通过指定文件名进行保存，

google-chrome --headless --disable-gpu --screenshot=top.png --window-size=1280,1440 https://beyondjapan.com [0608/055147.536344:INFO:headless_shell.cc(436)] 写入文件顶部.png。

将文件名指定为“--screenshot”选项的参数。

让我们尝试一下 - 转换为 PDF -

接下来，我们将网站转换为 PDF。

google-chrome --headless --disable-gpu --print-to-pdf https://beyondjapan.com [0608/033512.266562:INFO:headless_shell.cc(436)] 写入文件output.pdf。

输出了一个名为“output.pdf”的 PDF。

当您查看内容时，您将看到输出了与批处理站点具有相同布局的 PDF。
它并不是特别特别，但是固定在顶部的站点标题显示在每个页面上，因此第二个和后续页面的顶部是不可见的。
我认为这样的网站有很多，所以我认为了解它们是件好事。

另外，使用此命令，如果将多个页面转换为 PDF，它们将被覆盖。

google-chrome --headless --disable-gpu --print-to-pdf=top.pdf https://beyondjapan.com [0608/033723.196640:INFO:headless_shell.cc(436)] 写入文件 top.pdf。

通过像这样指定文件名作为“--print-to-pdf”选项的参数，您可以使用名称保存 PDF。

概括

我随便使用谷歌浏览器，未经许可就更新到了最新版本，但这次我认为这将是一个相当有影响力的更新，所以我选择了它。

实际上，有一种方法可以通过 DevTools 协议使用 Node.js 以无头模式启动 Google Chrome，而且我觉得可以更随意、更深入地做到这一点。
我想再写一下这部分。

由于今天是摇滚日（69），我希望内容是摇滚的，但事实并非如此。

P.S.：我写了一篇相关文章，名为 [尝试使用 Node.js | Beyond Co., Ltd. 的 headless Google Chrome](https://beyondjapan.com/blog/2017/07/headless-chrome-with-nodejs) 。

附录2：【Google Chrome 的 headless 模式好像可以详细监控外观，所以尝试了一下 | Beyond Co., Ltd.】（https://beyondjapan.com/blog/2017/07/headless-chrome-网络）我也写过相关文章

就是这样。

如果您觉得这篇文章有帮助，请点赞！

加载中...

[2025.6.30 Amazon Linux 2 支持结束] Amazon Linux 服务器迁移解决方案

[大阪/横滨] 积极招募基础设施工程师和服务器端工程师！

写这篇文章的人

关于作者

万代洋一

我的主要工作是为社交游戏开发 Web API，但我也很幸运能够做很多其他工作，包括营销。
此外，我在 Beyond 中的肖像权被视为 CC0。

Windows Server 2016 授权系统指南关于现在不能询问的 ls 命令