結果を並べて/重ねて比較

レンダリングの結果は1枚1枚確認するほか、横に並べて確認したり、重ねて確認できるようになっている。画面左上のViewプルダウンで「2-up View」を選択すると横並びに表示、「Onion Skin」を選択すると重ねて表示する。

ie6nomore.comのレンダリング結果を「2-up View」で表示。左側がIE6、右側がIE8の結果だ。Shiftキーを押しっぱなしにしながらマウス操作をおこなうと、両方のスクリーンショットにマウスカーソルが表示される

Adobeのレンダリング結果を「Onion Skin」で表示。おなじOS、Webブラウザでもバージョンが違うだけで微妙に表示が違っていることがわかる。中央部のスライダでは、透明度の比率を調節することが可能だ

ローカルにスクリーンショットを保存

取得したスクリーンショットはJPG形式でローカルに保存することができる。「1up View」または「2up View」で表示中に、スクリーンショットの上で右クリックし「Save Locally」を選択する。

The New York Timesのスクリーンショットをローカルに保存。縦横に長いWebサイトでもまるまる保存できて便利だ

ホットキーの利用

より効率よく作業したい場合は、ホットキーを利用するのが便利だ。

用意されているホットキーの一覧

「↓」「↑」「1」「2」「3」キーだけでも覚えておくと、かなり操作が楽になるだろう。

チェックしたいサイトが外部に公開されていれば、手軽にクロスブラウザの表示確認がおこなえる。Webデザイナ・デベロッパを悩ませるあの面倒な作業も、同サービスを活用すればかなり楽になるかもしれない。興味がある方はぜひチェックしてみよう。