iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone Emulator サイトのチェックなどに便利なエミュレーター



IPhone・スマートフォン対応のWebページをサクっと表示してくれる便利な拡張機能

ワンクリックでChromeで開いているページをスマートフォンな画面で開く事が出来ます

GoogleやYahooもモバイル用に最適化された画面が出ます

このブログもスマホ用のテーマがちゃんと表示されていて

サイト構築などに便利な拡張機能です

iphoneemu5

iPhone Emulator インストール先はこちらから

初期設定

iphoneemu1

インストールするとアイコンが追加されますが

そのままでは上記の様なメッセージが表示されて起動できません

iphoneemu2

「スパナマーク」→「ツール」→「拡張機能」から

iPhone Emulatorの項目の「シークレットモードで実行を許可する」にチェックを入れます

これで無事に起動出来ます

使い方

iphoneemu6

使い方は簡単で追加されたアイコンをクリックするだけで

今Chromeで開いているページをスマートフォン対応ページに切り替えてくれます

iphoneemu3

Googleもモバイル用に表示されました

手持ちのAndroid端末と比べてみても同等の画面が表示されています

iphoneemu4

このブログのスマートフォン用のテーマも無事に表示されました

ちゃんと中のリンクなども動作しています

サイト構築や他のサイトの参考になると思います

  • コメント: 0

関連記事

  1. 言語・開発

    サイトで使われているサービスやCMSなどを検出してくれるChrome拡張機能 『Wappalyzer…

    Webサイトで使用しているサービスやライブラリCMSやアクセス…

  2. 言語・開発

    WebサイトのSEO的な分析ができるChrome拡張機能 『AdMatrix Analytics』

    WebサイトのSEO的な分析が出来るChrome拡張機能H1タ…

  3. 言語・開発

    マウスオーバーでCSS表示してくれるWeb開発者に便利なChrome拡張機能 『CSSViewer』…

    マウスを上に持ってくるだけで、その場所の要素のCSSを表示して…

  4. 言語・開発

    Google Analyticsが導入しているか分かるChrome拡張機能 導入時などに便利 Ana…

    表示したページがGoogleAnalyticsを導入しているかどうかが…

  5. 言語・開発

    AutoCadが無料!? ブラウザ上でAutocadで図面を描けるChromeアプリ クラウド環境で…

    あのAutocadをクラウド環境で編集・閲覧出来たりするChromeア…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP