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開発者には便利なツールです

  • コメント: 0

【Info】メインPCをパワーアップ前のページ

調べたい文字をなぞるだけで、WikipediaやAmazonで検索、共有ができるChrome拡張機能 『Instair』次のページ

関連記事

  1. 言語・開発

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

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

  2. 言語・開発

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

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

  3. 言語・開発

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

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

  4. 言語・開発

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

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

コメント

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

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

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP