Linux環境でスクリーンショット

こちらを参考にして、khtml2png をCentos5.2にインストールしてみました。

http://d.hatena.ne.jp/holidayworking/20081124/1227501839

必要なソフトをインストール

yum install gcc gcc-c++ automake autoconf nano zlib zlib-devel
yum groupinstall "X Window System" "KDE (K Desktop Environment)"
yum install kdelibs kdelibs-devel
yum install Xvfb xorg "xorg-x11-font*"
yum install cmake

参考サイトには、書いてませんでしたが、

以下のソフトも必要ならいてれおいたほうがいいかも。

yum groupinstall "KDE Software Development"
yum install kdelibs4-dev

khtml2png は、yum でインストールできないので、ファイルをダウンロード

wget http://downloads.sourceforge.net/khtml2png/khtml2png-2.7.6.tar.gz?modtime=1224606904&big_mirror=0
tar zxvf khtml2png-2.7.6.tar.gz
cd khtml2png-2.7.6
./configure
make
make install

ここで ./configure の時に、 QT_INCLUDE_DIR を設定しろと、エラーが出た人は、

configure を以下のように書き換えてください。

vi configure

cmake -G KDevelop3 -D QT_INCLUDE_DIR:PATH=/usr/lib/qt-3.3/include .
cmake -D QT_INCLUDE_DIR:PATH=/usr/lib/qt-3.3/include .

これでたぶん、makeまでいけると思います。

インストールが一通り終わったら、Xvfbを起動する。

Xvfb :2 -screen 0 1024x768x24&
export DISPLAY=localhost:2.0

ここで、以下のようなエラーが出るかもしれないが無視する

Could not init font path element unix/:7100, removing from list!

ようやくスクリーンショットをとる準備ができたので

とりあえず、yahoo のトップページを見てみる

khtml2png2 --get-body http://www.yahoo.co.jp yahoo.png

なんかつらつらとエラーが出るが気にしない

DCOPClient::attachInternal. Attach failed Could not open network socket
kbuildsycoca running...
ScimInputContextPlugin()
~ScimInputContextPlugin()

対応外のブラウザだと、こんな風にyahooが見えるんですね。

その他、以下のようなメッセージも出たがとりあえず気にしない。

FreeFontPath: FPE "built-ins" refcount is 2, should be 1; fixing.
Could not init font path element unix/:7100, removing from list!

参考のサイトにも書いてありますが、

Cookieとか、Javascriptの設定で、うまくスクリーンショトが表示されない場合は

以下のファイルを修正する。

cd ~/.kde/share/config

vi kcookiejarrc

[$Version]
update_info=kcookiescfg.upd:kde2.2/b1,kcookiescfg.upd:kde3.1/cvs

[Cookie Dialog]
PreferredPolicy=2
ShowCookieDetails=false

[Cookie Policy]
CookieDomainAdvice=
CookieGlobalAdvice=Accept

vi khtml2pngrc

[HTML Settings]
AutomaticDetectionLanguage=0

[Java/JavaScript Settings]
PopupBlockerPassivePopup=false

意外と、HTMLのレンダリングがきれいで、崩れている部分も少ない気がします。

フォントとか、ちゃんといれたら文字ももっときれいに表示されるでしょう。

FireFoxとかでも、同様のスクリーンショットがとれるらしいですが

こっちのほうが、お手軽な気がします。

オプション一覧

khtml2png2 --help

Usage: khtml2png2 [Qt-options] [KDE-options] [options] url  outfile

Render HTML to a PNG from the command line
Example:
khtml2png2 --width 800 --height 600 http://www.kde.org/ kde-org.png
or
khtml2png --auto ID_border http://www.kde.org/ kde-org.png

Generic options:
--help                    Show help about options
--help-qt                 Show Qt specific options
--help-kde                Show KDE specific options
--help-all                Show all options
--author                  Show author information
-v, --version             Show version information
--license                 Show license information
--                        End of options

Options:
-w, --width <width>       Width of canvas on which to render html [800]
-h, --height <height>     Height of canvas on which to render html [600]
--sw, --scaled-width <width> Width of image to produce []
--sh, --scaled-height <height> Height of image to produce []
-t, --time <time>         Maximum time in seconds to spend loading page [30]
--auto <id>               Use this option if you to autodetect the bottom/right border []
--get-body                Autodected the body of the page (if width is not detected, use --width)
-b, --disable-window      If set, don't show the window when doing rendering (can lead to missing items)
--disable-js              Enable/Disable javascript (enabled by default)
--disable-java            Enable/Disable java (enabled by default)
--disable-plugins         Enable/Disable KHTML plugins (like Flash player, enabled by default)
--disable-redirect        Enable/Disable auto-redirect by header <meta > (enabled by default)
--disable-popupkiller     Enable/Disable popup auto-kill (enabled by default)

Arguments:
url                       URL of page to render
outfile                   Output file

スクロール画面も最後までスクリーン取ってくれるオプション、 --get-body が結構重宝するかも

Window環境でも、スクロールまで対応してスクリーンショット取ってくれるソフトは少ないからね。

指定の画像サイズで保存したい場合は、 -w -h --sw --sh あたりを駆使すればできそうな感じかな。

開発中のWebサイトの進捗を自動で画像に変換して、PDFとかに出力するとか

してみようかと考えています。

特に、画面イメージをみんなで共有する時に、

印刷したり、PowerPointに貼るのに、役に立ちそう。

あとサイトマップを作るときに、画面イメージをサムネイルとして

出力するのもいいかも。