言語・開発

Chromeをスマホ環境にしてくれるChrome拡張機能 『Ripple Emulator』

モバイル端末の選択や各種情報、GPS情報などを設定して

Chromeを限りなくモバイル環境としてエミュレートしてくれる拡張機能

iPhoneやNexusなど様々なデバイスが用意されていて

Web開発者には非常に便利なツールとなると思います

rippleemulator8

Chrome拡張機能 Ripple Emulator インストールはこちらから

インストール

rippleemulator1

上記リンク先ページをChromeで開き

「無料」をクリックします

rippleemulator2

追加をクリックすればインストール完了です

使い方

rippleemulator3

モバイル環境にしたいページを開き

追加されたアイコンをクリックします

「Enable」をクリックすれば自動的にページを

モバイル環境としてエミュレートしてくれます

rippleemulator4

よく分かりませんが一番下の「Mobile Web(Default)」

を選択しておきます

rippleemulator6

この様に様々な情報が表示されて

スマホサイズで画面確認が出来ます

rippleemulator5

デバイスは非常に多く登録されています

rippleemulator7

GPS情報も編集可能です

rippleemulator9

Googleマップで現在地の取得も可能です

Web開発者には便利なツールです

関連記事

  1. 言語・開発

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

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

  2. 言語・開発

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

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

  3. 言語・開発

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

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

  4. 言語・開発

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

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

  5. 言語・開発

    iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone E…

    IPhone・スマートフォン対応のWebページをサクっと表示してくれる…

  6. 言語・開発

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

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

コメント

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

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

PAGE TOP