Dreamweaverでリアルタイムプレビューできない場合の解決方法

    Dreamweaverを使っている時にF12でブラウザプレビューして確認するのが昔からの操作方法だったのですが、CCから?リアルタイムプレビューという機能になっています。

    Browsersyncみたいに修正と同時に自動的に更新されるんですよねきっと。

    このリアルタイムプレビューがWindow10環境でなぜか表示されない。。。

    おそらくアンチウィルスソフトやファイヤーウォールの影響かなと思っているのですが、詳細な原因はわかりません。

    でも以下の方法で解決しました。Adobeのサポートページにも載っていますが、

    1)NodePort.jsonというファイルを作成し、以下のように記述します

    使用するポートが8000番の場合は

    2)このファイルを以下の場所に保存します

    Windowsの場合:

    %appdata%\Adobe\Dreamweaver CC 2017\ja_JP\Configulation

    Macの場合:

    ~/Library/Application Support/Adobe/Dreamweaver CC 2017/ja_JP/Configuration

    3)Dreamweaverの再起動

    ドリームウィーバーを再起動してリアルタイムプレビューを確認してみる。

    表示されるようになりました!

    今回の対処法で必ず解決するわけではないと思いますので予めご承知おきください。
    こちらの方法も含めて詳しくはアドビサポートページに記載があります。
    https://helpx.adobe.com/jp/dreamweaver/using/device-preview-troubleshooting.html#main-pars_header_1

    SNSでもご購読できます。