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の再起動

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

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

今回の対処法で必ず解決するわけではないと思いますので予めご承知おきください。
こちらの方法も含めて詳しくはアドビサポートページに記載があります。

こちらもおすすめ 2023年最新 Adobe CC コンプリートプランを安く更新できる!一番安い購入方法

[ad]

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

  • エックスサーバー
    利用料最大35%キャッシュバックで月額費用643円&ドメイン永久無料 - 2023年11月28日(月)12:00まで
  • ConoHa WING
    WINGパック36ヶ月で月額643円 55%OFF - 2023年11月30日(木)16:00まで
  • カラフルボックス
    ドメイン永久無料特典とBOX2以上の月額費用が50%OFFのクーポンコード「SERVER50

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