WEB Tips デザイン・コーディング

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

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

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

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

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

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

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

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

{
"previewport" : portナンバー
}

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

{
"previewport" : 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

[ad]

今月キャンペーン特典があるサービス

  • ConoHa WING
    WINGパック36ヶ月で月額652円 55%OFF - 2023年3月31日(金)16:00まで
  • エックスサーバー
    月額費用が最大30%オフの693円&ドメイン永久無料、さらに移転代行も0円中 - 2023年4月21日(金)12:00まで
  • Xserverビジネス
    12ヶ月以上契約で初期費用無料、3ヶ月・6ヶ月で初期費用半額 - 2023年4月4日(火)12:00まで
  • カラフルボックス
    .jp取り扱いスタート。BOX2以上の月額費用が25%OFFのクーポンコード「SERVER25

-WEB Tips, デザイン・コーディング
-,