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. 言語・開発

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

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

  2. 言語・開発

    WebページのSEOやPWA対応状況をChromeでチェックできるChrome拡張機能 『Light…

    サイトの表示速度などのパフォーマンスやPWA対応状況などを確認…

  3. 言語・開発

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

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

  4. 言語・開発

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

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

コメント

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

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

最近の記事

PAGE TOP