[Windows&Mac]便利なブラウザキャプチャーサイトを使ってみましょう

1月 21, 2012
BESTグループ

趣味でホームページを作っています。
Macでどんな感じで見えているのかを知りたいですが、自宅にはWindowsしかありません。


ご質問ありがとうございます、Bestです。
確かに、普段使用するOS以外のプラットフォームでの動作確認は大事ですよね。

しかし、そのためだけに複数のPCを購入するのは、個人の場合にはハードルが高いように感じます。

このような場合には、ブラウザ上でスクリーンショットが確認できるwebサービスでご確認してみてはいかがでしょうか。
※これから記載しますサイトは、いずれも無料で使用できます。
※しかし、恒久的なご利用は、各サイトの運営規約によります。

昔から名高いのが、「Browsershots」さんです。
http://browsershots.org/

非常に多くのOSやブラウザでの確認が可能ですが、それだけレスポンスも遅くなってしまいます。
まず最初は、必要なOSに絞り込んでご利用ください。

そして、近年ユーザが激増中のスマートフォンでの見え方はこちらからご利用ください。
http://mattkersley.com/responsive/

2011年の段階では、横幅は(縦向きで見る場合)概ね320-640pxとする事が目安とされていました。
また、スマートフォンを横向きにする場合の横幅は、480-960pxで作成すると収まりが良いようです、

最後に、こちらのサイトではタブレット型PCの1つであるiPadでの見え方も確認できます。
http://ipadpeek.com/

使い方は至ってシンプルです。
下記の画像をご覧ください。