様々なブラウザ、スマホ表示を確認できるサイト

pc

RSS購読しているサイトの1つのコリスさんが紹介していたChrome用拡張
1クリックで、IE, Edgeをはじめ、さまざまなブラウザ・スマホなどの表示確認ができるChromeの便利な機能拡張 | コリス

1クリックで、IE, Edgeをはじめ、さまざまなブラウザ・スマホなどの表示確認ができるChromeの便利な機能拡張
指定したページが一般的なブラウザやデバイスでどのように表示されるか、1クリックで確認できるChromeの機能拡張を紹介します。 WindowsからSafari, iOSの確認、macOSからIE, E

これが便利そうだったので使ってみました
サイト自体があったので拡張は削除しましたけどね

Sponsored Link

Website Screenshots & Responsive Design Screenshots

Website Screenshots & Responsive Design Screenshots – Microsoft Edge Development

Website Screenshots & Responsive Design Screenshots - Microsoft Edge Development
See how your public site renders across a selection of common browsers and devices

使い方は簡単で調べたいURLを入れてクリックするだけです

確認出来る物はEdge、IE11~8、Chrome、Firefox、MacOS、Andoroid、iOSです

結果の表示

バージョンが若干古かったりしますがこんな感じで表示されます




今の状態だとIE10からグローバルメニューが崩れちゃうんですね(;・∀・)
これを見て初めて知ったんだけど、もしかしてiOSだとメニューバー表示されてないのかな?

ヘッダ画像のサイズも大分違うし…全部を自分で確認することは不可能とはいえ
この状態が実際の見た目と同じだとしたらかなり不味いですね…

おわり

上でも書いていますが、この見た目が実際と同じだとしたら
IE10でも既にデザインが崩れてるし、iOSでメニューバーが出てないしで
トップページしか見られていない事になるんですよね…どうしたもんか…

一応確認をして貰った所普通にメニュー表示はされてました
サイトと同じOSバージョン、それ以下だとこうなってるしれませんが…

こういうちょっと不安になったりする事もあるかもしれないですが
気になった方は確認してみると良いですよ

Sponsored Link
pc
Share this:
Sponsored Link
楽しみのない猫