各種ブラウザ表示検証用Webツール

公開日： 2015/02/22 : HTML+CSS

制作環境WindowsOSで、Macでの表示を確認したい

昨今では、MacからWindows表示検証のためのエミュレータ関連はかなり充実していて、逆にWindowsからMacSafariでの表示確認などは相変わらず結構大変である。

昨年、レスポンシブサイトを2サイト、ドタバタで特急仕上げした際、細かいブラウザ検証が出来ずに今頃になって旧バージョンのMacSafariなどで確認してみると。
予想と想定はしていたものの、やっぱり古いバージョンはダメでした。旧バージョン対応はぎりぎり許容範囲内というところ。

WindowsのIEは9以上でOKとの指示確認でそれらに合わせていましたが、Macに関しては最新のみの確認でとりあえず納品。
家にある古いMacBookのSafari4で見たところ、WindowsのIE7とほぼ同様の崩れでした。これは面白い発見でした。
MacSafari4＝WindowsIE7

歴代のPCブラウザ実機での確認はほぼ不可能な制作環境の場合に、とりあえずお手軽に検証するツールは無いものか？探していましたらこちらのものが。

これ、無料版では一日3分の使用のみ。

細切れではダメで、始めたらカウントダウンされます。
試にSafariの4を検証してみたら先のMacのSafari4と全く同じ崩れを確認したので、大まかな確認には重宝しそうです。
他に検証できるブラウザバージョンも相当な数です。

これ、3分を過ぎたら他のPCでももちろんダメですが、ブラウザのタブをいくつか開いて一気にGOすると、それなりの数が検証できました。

でも便利と感じたら有料版が良いですね！この手のツールはすべて無料が当たり前と思う方が間違いですね。
ありがたく使わせていただきます。

ただし、横幅は狭く最近のワイドなサイトの表示は少々無理があります。
あくまで大まかな部分。

それと、パララックス系の動きを検証するには重すぎて無理でした。