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

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

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

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

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

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

iphoneemu5

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

初期設定

iphoneemu1

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

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

iphoneemu2

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

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

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

使い方

iphoneemu6

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

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

iphoneemu3

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

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

iphoneemu4

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

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

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

  • コメント: 0

正確な時間を測る事が出来るネットサービス Time.is PCの時刻との差も表示されます前のページ

離席時間を教えてくれるスクリーンセーバ オフィスなどのシーンで便利な「経過時間表示スクリーンセーバー」次のページ

関連記事

  1. 言語・開発

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

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

  2. 言語・開発

    Web開発者に便利!! LCPやFID、CLSの数値を表示する拡張機能 『Web Vitals』

    WebページのUX指標のLCPやFID、CLSの数値を即座に表示す…

  3. 言語・開発

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

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

  4. 言語・開発

    新しいタブにHTML/CSS/JavaScriptの実行環境ができるChrome拡張機能 『HTML…

    HTMLやJavascriptの実行環境を新しいタブで出来るように…

コメント

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

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

最近の記事

PAGE TOP