Skip to content →

リアルタイムにPCとスマホのクロスブラウザチェックができるEdge Inspect

レスポンシブデザインが主流となってきている今では、制作しながらパソコンの画面でチェックして、スマホでチェックして、微調整して…というようにかかる工数も増えてきました。

そんな中、Adobeが出しているEdge Inspectというソフトを知ったのですが、これを使うとパソコンでサイトを開くだけで、連動してスマホでも同じサイトを開いて、見た目の確認をすることができます。

パソコンと連動した画面チェック

パソコンとスマホを接続させ、パソコンでサイトを開くと連動してスマホ側も画面が切り替わります。スクリーンショットを撮ったりすることも可能。このソフトはWindowsでもMacでも使え、iOS、Android、Kindle Fireと連動することができます。これを使えば、検証作業のストレスが軽減されることでしょう。

Edge Inspectの使い方

まず、Edge InspectはAdobe Creative Cloudに加入していなければ使うことができません。Adobe Creative Cloudに加入していれば、ログインしてEdge Inspectをダウンロード。
ダウンロード
ダウンロードしたら、もちろんインストール。

Google Chromeの拡張機能をインストール

Chromeウェブストアから、拡張機能をインストール。
拡張

スマホ側にクライアントアプリをインストール

iPhoneの場合は、AppStoreからダウンロード。AndroidKindleもそれぞれ専用アプリをインストール。

アプリを起動して、接続するPCを選ぶとパスコードがでてきますので、出てきたパスコードをChromeの方で入力。
接続
これで、接続完了です。めっちゃ快適。

[sc name=”engeneer”]

SHARE

PROFILE

入江 慎吾
教える、学べるオンラインメンターサービスMENTAの代表 / 2-30個のサービスをつくり、M&Aで億単位の売却 / 受託開発20年→受託をやめサービス開発に専念→個人開発でつくったMENTAがヒット→ランサーズグループにジョイン / YouTubeで「サービスづくりで生きていく」配信中 / 「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営(詳しいプロフィール)

SUBSCRIBE

メールマガジンに登録いただけると、ブログの新着記事をお知らせいたします。(励みにもなります!)また、YouTubeチャンネルでも個人開発・サービスについての情報を発信中です。

SPONSOR

Published in デザイン 開発奮闘記