「Adobe Edge Inspect インストールガイド」の説明に従って、デバイス上に Adobe Edge Inspect をセットアップします。
最終更新日 :
Dreamweaver と Edge Inspect を連携し、Google Chrome を使用して、接続された複数のデバイスで Web ページを同時にプレビューおよび検証できます。
Edge Inspect は、Adobe Creative Cloud や、Apple OS および Android OS のアプリケーションストアからダウンロードできるアドビのアプリケーションです。Edge Inspect について詳しくは、「Adobe Edge Inspect に関する FAQ」を参照してください。
Edge Inspect の無料版では、一度にデザインをプレビューすることができるのは 1 つのデバイスのみです。
-
-
Dreamweaver で、テスティングサーバー上に Web サイトを作成します。Web サイトにページを追加して、複数のデバイスでプレビューします。
-
Dreamweaver でプレビューするページを開きます。
-
ファイル／ブラウザーでプレビュー／Edge Inspect でプレビューを選択します。Google Chrome が開き、Web ページをプレビューできます。
-
ページをプレビューするデバイスで、次の手順を実行します。
- すべてのデバイスが同じネットワークに接続されていることを確認します。
- Google Chrome で Adobe Inspect アイコンプラグインをクリックします。
- 各デバイスで Edge Inspect を開いて「+」をクリックします。
- プレビューページを開いたコンピューターの IP アドレスを入力します。
- 「参加」をクリックします。デバイスが正常にペア化されると、接続されたデバイスの Google Chrome にページが表示されます。
Google Chrome で Web サイトを検証すると、接続されたデバイスに変更が反映されていることがわかります。
アカウントにログイン