言語・開発

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

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

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

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

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

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

iphoneemu5

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

初期設定

iphoneemu1

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

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

iphoneemu2

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

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

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

使い方

iphoneemu6

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

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

iphoneemu3

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

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

iphoneemu4

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

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

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

関連記事

  1. 言語・開発

    Chromeアプリで動作するシンプルで軽快なテキストエディタ 『Text』

    Chromeアプリで動作するシンプルなテキストエディタChro…

  2. 言語・開発

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

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

  3. 言語・開発

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

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

  4. 言語・開発

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

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

  5. 言語・開発

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

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

  6. 言語・開発

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

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

コメント

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

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

PAGE TOP