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

2018/03/23更新　カテゴリー：デザイン,開発奮闘記　タグ: Adobe, Android, Chrome, iPhone

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

そんな中、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からダウンロード。Android、Kindleもそれぞれ専用アプリをインストール。

アプリを起動して、接続するPCを選ぶとパスコードがでてきますので、出てきたパスコードをChromeの方で入力。

これで、接続完了です。めっちゃ快適。

フリーランスエンジニアの稼ぎ方

SPONSOR

PROFILE

プロフィール

入江慎吾
自分が作ったサービスで生きていく。同じゴールを目指すサービス開発集団「入江開発室」を運営（現在約280名） / 個人間スキルシェアサービス「MENTA」は1ヶ月と10日で売上100万円を達成。1日で100社が利用した「JobTag」など多数開発
（詳しいプロフィール）