Dreamweaver と Edge Inspect を連携し、Google Chrome を使用して、接続された複数のデバイスで Web ページを同時にプレビューおよび検証できます。

Edge Inspect は、Adobe Creative Cloud や、Apple OS および Android OS のアプリケーションストアからダウンロードできるアドビのアプリケーションです。Edge Inspect について詳しくは、「Adobe Edge Inspect に関する FAQ」を参照してください。

Edge Inspect の無料版では、一度にデザインをプレビューすることができるのは 1 つのデバイスのみです。

  1. Adobe Edge Inspect インストールガイド」の説明に従って、デバイス上に Adobe Edge Inspect をセットアップします。

  2. Dreamweaver で、テスティングサーバー上に Web サイトを作成します。Web サイトにページを追加して、複数のデバイスでプレビューします。

  3. Dreamweaver でプレビューするページを開きます。

  4. ファイル/ブラウザーでプレビュー/Edge Inspect でプレビューを選択します。Google Chrome が開き、Web ページをプレビューできます。

  5. ページをプレビューするデバイスで、次の手順を実行します。

    1. すべてのデバイスが同じネットワークに接続されていることを確認します。
    2. Google Chrome で Adobe Inspect アイコンプラグインをクリックします。
    3. 各デバイスで Edge Inspect を開いて「+」をクリックします。
    4. プレビューページを開いたコンピューターの IP アドレスを入力します。
    5. 「参加」をクリックします。デバイスが正常にペア化されると、接続されたデバイスの Google Chrome にページが表示されます。

    Google Chrome で Web サイトを検証すると、接続されたデバイスに変更が反映されていることがわかります。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー