５丁目通信（仮称）

Dreamweaverを2017にバージョンアップしました。毎月利用料を払っていますので常に最新版です。

しかし、何も考えずにバージョンアップしたら、F12を押してもテストサーバーでのブラウザプレビューができなくなってしまいました。最新版のDreamweaver2017だと新しい機能のリアルタイムプレビューになってしまいます。localhost:ポート番号で固定のURLでブラウザは開きますので、中で転送してしてくれるのでしょう。

サイトのアップの運用で、F12を押してテストサーバーに自動アップ、ブラウザが自動的に開きますので表示されたURLをお客さんに報告、お客さんはURLから確認という流れを行っていました。これはキー操作がほとんどいらずに、とても楽な手順でした。けれども、2017のリアルタイムプレビューだとURLがテストサーバーのURLにならないので、いちいちテストサーバーのURLを拾ってくるのは面倒です。

アドビのサポート窓口に電話がつながらなかったので、下記のサポートサイトでリアルタイムプレビューとブラウザプレビューを調べてみると、ファイルを開いたコンテンツウィンドウでF12を押すとリアルタイムプレビューになって、ファイルウィンドウからファイルを選択してF12を押すとブラウザプレビューになるようです。同じF12がアサインされていますので、あまり使い勝手がよろしくありません。

helpx.adobe.com

 

4 Users

15 Pockets

https://helpx.adobe.com/jp/dreamweaver/using/previewing-pages.html

https://helpx.adobe.com/jp/dreamweaver/using/previewing-pages.html

今まで通り、F12を押すとリアルタイムプレビューではなくブラウザプレビューにならないかを調べてみると、Adobeのコミュニティサイトで見つかりました。どうやらDreamweaverがインストールしたJavaScriptを編集しなければいけないようです。編集方法はコミュニティサイトを見てもらうとして、この書かれている通りにJavaScriptを変更してみたら、F12でブラウザプレビューができるようになりました。

https://community.adobe.com

DW CC 2017 how to get back old F12 functionality

https://community.adobe.com/t5/dreamweaver-discussions/dw-cc-2017-how-to-get-back-old-f12-functionality/m-p/8625946?profile.language=en

Currently the F12 function opens the Live Preview which is good for some specific workflow. However for me I would much prefer the old testing server view. The new F12 function: Back to the old F12 function:

https://community.adobe.com

Re: リアルタイムプレビューを無効にしたい

https://community.adobe.com/t5/dreamweaverフォーラム-discussions/リアルタイムプレビューを無効にしたい/m-p/8767400?profile.language=ja

「PIB_Dynamic.js」の一部を編集することで旧タイプのプレビューに戻すことが出来ます。 C:\Program Files\Adobe\Adobe Dreamweaver CC 2017\configuration\Menus\MMの中にある「PIB_Dynamic.js」を編集。 念のため「PIB_Dynamic.js」をバックアップ（別フォルダにコピーorリネーム） ファイルを開いて「dw.browseDocument」で検索 dw.browseDocument(dw.getDocumentPath('document'),theBrowser, "-1"/*help argu…

これで手順を変えずにサイトアップができます。

続きはこちらから