言語・開発

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

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

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

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

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

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

iphoneemu5

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

初期設定

iphoneemu1

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

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

iphoneemu2

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

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

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

使い方

iphoneemu6

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

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

iphoneemu3

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

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

iphoneemu4

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

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

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

関連記事

  1. 言語・開発

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

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

  2. 言語・開発

    Chrome拡張機能のソースコードを閲覧できる拡張機能 『Chrome extension sour…

    GoogleChromeの拡張機能のソースコードを確認できる開…

  3. 言語・開発

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

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

  4. 言語・開発

    モバイル画面を確認出来るChrome拡張機能 自分で端末の登録も可能 『FireMobileSimu…

    携帯端末やスマートフォンでもChromeブラウザから画面確認出来るCh…

  5. 言語・開発

    ネットワーク図やフロー図が作成出来るChromeアプリ 「LucidChart」 チームで共同作業も…

    ネットワーク図やフローチャート図などを作成出来るChromeアプリ…

コメント

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

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

PAGE TOP