RSS購読しているサイトの1つのコリスさんが紹介していたChrome用拡張
1クリックで、IE, Edgeをはじめ、さまざまなブラウザ・スマホなどの表示確認ができるChromeの便利な機能拡張
指定したページが一般的なブラウザやデバイスでどのように表示されるか、1クリックで確認できるChromeの機能拡張を紹介します。 WindowsからSafari,...
coliss.com
これが便利そうだったので使ってみました
サイト自体があったので拡張は削除しましたけどね
Website Screenshots & Responsive Design Screenshots
Tools - Microsoft Edge Developer
Free tools to help you build an interoperable website
developer.microsoft.com
使い方は簡単で調べたいURLを入れてクリックするだけです
確認出来る物はEdge、IE11～8、Chrome、Firefox、MacOS、Andoroid、iOSです
結果の表示
バージョンが若干古かったりしますがこんな感じで表示されます
今の状態だとIE10からグローバルメニューが崩れちゃうんですね(；・∀・)
これを見て初めて知ったんだけど、もしかしてiOSだとメニューバー表示されてないのかな？
ヘッダ画像のサイズも大分違うし…全部を自分で確認することは不可能とはいえ
この状態が実際の見た目と同じだとしたらかなり不味いですね…
おわり
上でも書いていますが、この見た目が実際と同じだとしたら
IE10でも既にデザインが崩れてるし、iOSでメニューバーが出てないしで
トップページしか見られていない事になるんですよね…どうしたもんか…
一応確認をして貰った所普通にメニュー表示はされてました
サイトと同じOSバージョン、それ以下だとこうなってるしれませんが…
サイトと同じOSバージョン、それ以下だとこうなってるしれませんが…
こういうちょっと不安になったりする事もあるかもしれないですが
気になった方は確認してみると良いですよ
