自分のブログが他の人のPC、スマホ、タブレット環境ではどう表示されているのか。

テンプレートを改造したり広告を入れたりしていると起こってしまうブログの表示崩れ、多少はしょうがないんですがあんまり酷い場合は考えないといけませんよね。

でも、このいろいろなブラウザ・デバイスでの表示を確認するのは大変です、PCだけでも見るブラウザが多種多様、そして同じブラウザでもバージョンまで考えると相当数。

そこにスマホ、タブレット・・・・・多少どころかほとんどの環境は目をつぶる訳です。

いろいろな機種で確認するのは面倒なので取り合えず自分の環境でちゃんと見えてればいいやとなります、でも本当は気になってる。

そんなときに便利なのが表示崩れを確認出来るツール「Multi-browser Screenshots」、指定したページがいろいろなブラウザやデバイスでどのように表示されるのかを確認できます。

＜このブログを確認してみました＞


Chromeの機能拡張ですのでChromeじゃないと駄目ですが・・・

表示崩れを確認するツールMulti-browser Screenshots

対応しているブラウザ・デバイス
■edge 15.0　Windows 10
■IE 11.0　Windows 10
■Chrome 50.0　Windows 10
■Firefox 45.0　Windows 10
■Safari 9.1　OS X El Capitan
■IE 10.0　Windows 7
■IE 9.0　Windows 7
■IE 8.0　Windows 7
■Google Nexus 6　Android 5.0
■Google Nexus 9　Android 5.0
■iPad Air　iOS 8.3
■iPhone 6 Plus　iOS 8.3
※2018年12月現在

導入方法

Chromeウェブストアから入手できます。

Multi-browser Screenshots




インストール後はツールバーの「Multi-browser Screenshots」をクリックするだけ。VIEW LARGEをクリックすると全体のイメージも確認できます。