フロントエンド技術を学ぼう 2-36.ヘッドレスブラウザについて学ぶ

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

第46回はPart II: Learning Front-End Devから、36項のLearn Headless Browsersを紹介します。

ヘッドレスブラウザについて学ぶの説明です。

ヘッドレスブラウザについて学ぶ

ヘッドレスブラウザは、グラフィカルユーザインタフェース(GUI)のないWebブラウザです。

ヘッドレスブラウザは、一般的なWebブラウザと同様の環境でWebページの自動制御を提供しますが、コマンドラインインターフェイスまたはネットワーク通信を使用して実行されます。これらは、ページレイアウト、色、フォントの選択などのスタイリング要素やJavaScriptやAJAXの他のテスト方法を使用しているときは通常利用出来ないものも含み、Webブラウザと同じ方法でHTMLを表示&理解できるか、Webページをテストする場合に特に便利です。

Googleでは、2009年にヘッドレスブラウザを使用すると、検索エンジンがAJAXを使用するウェブサイトのコンテンツにインデックスを付けるのに役立つと述べています。

参照元：英語版Wikipedia

一般的な学習リソース

PhantomJS for Web Automation(Web自動化の為のPhantomJS)

• ヘッドレスブラウザPhantomJSを試す [読み物][日本語]
• PhantomJSを使って色々試してみる [読み物][日本語]
• PhantomJSと各ブラウザのJavascriptエンジンまとめ [読み物][日本語]
• PhantomJS と CasperJS で複数ページを一括キャプチャする [読み物][日本語]
• PhantomJSを使ったスマホサイトテストの自動化(前編) [読み物][日本語]

Getting Started with PhantomJS(PhantomJS入門)

PhantomJS Cookbook(PhantomJSクックブック)