Skip to main content
Participant
June 25, 2020
Answered

F12でのブラウザプレビューがWebURLで設定したURLに飛ばない

  • June 25, 2020
  • 1 reply
  • 889 views

お世話になります。

最近CS6からCCに乗り換えた者です。

今までは編集したファイルをプレビューで確認するときに、「F12」を押してPUT・ブラウザで表示して確認できていたのですが、CCにしてから思った通りになりません。

サイト設定のWebURLにはhttps://から始まるドメインを入れており、https://abc.com/だとすると直下のtest.htmlを編集しF12を押すと、ブラウザでhttps://abc.com/test.htmlが表示されていました。

しかしCCですと、ブラウザに飛びますがURLはC:/Users/~から始まるローカルをただ反映しているだけです。大量のリモートサーバー内のファイルから一部ローカルへ落として編集しているので、これでは関連ファイル(css,js等)が表示されていないテキストのみの見た目になりページの確認ができません。

 

色々調べて当サイトでも以下の投稿を見つけ、該当のjsを変更するなど試しましたが、結果は変わりませんでした。

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

 

ちなみにこれが原因なのかわからないのですが念のため。

前に使っていたCS6と設定を比較して差が1つありました。

サイト設定のサーバーの名前を選択するところ、「名前、アドレス、接続、リモート、テスト」と左からありますが、CS6ではリモートとテストの両方にチェックがついており、CCではリモートのみにチェックが入っています。

CCでは両方のチェックができず、テストのみにするとhttps://120~などの別のURLに飛ばされ、自分がチェックアウトしているのに「○○(自分)が使用しています。[チェックイン/チェックアウト]を有効にして、他のユーザーが行った変更を上書きしないようにしてください)。・・・」などと警告が表示されるなど、さらに謎です。

 

何か他に手段はありますでしょうか。ご教示ください。

 

使用環境

OS:Windows10

ソフト:Dreamweaver CC2020

 

以上、よろしくお願いいたします。

 

    This topic has been closed for replies.
    Correct answer nmatsuo5

    ご推察の通りです。

    DreamweaverはCC以降でテストサーバーとリモートサーバーを別々に定義するようになりました。

     

    リモートサーバーへの接続設定を複製してそれを「テストサーバー」にし、「WebURL」に「https://abc.com/」を入れるだけで正常にプレビューされるようになると思います。 

     

    また、Dreamweaver上でF12をクリックしたプレビューは「リアルタイムプレビュー」と呼ばれるようになり、iFrameの中で外部サイトのコンテンツを読み込んでプレビューする形に変更されています。

     

    Dreamweaver上での変更内容が瞬時にブラウザ上に反映されるのでこれはこれで便利だと思うのですが、以前のようにブラウザ上でURLを正しく表示したいような場合は「環境設定 > リアルタイムプレビュー > 静的ブラウザープレビューを既定値に設定」にチェックを入れてご利用ください。

    1 reply

    nmatsuo5Correct answer
    Inspiring
    June 26, 2020

    ご推察の通りです。

    DreamweaverはCC以降でテストサーバーとリモートサーバーを別々に定義するようになりました。

     

    リモートサーバーへの接続設定を複製してそれを「テストサーバー」にし、「WebURL」に「https://abc.com/」を入れるだけで正常にプレビューされるようになると思います。 

     

    また、Dreamweaver上でF12をクリックしたプレビューは「リアルタイムプレビュー」と呼ばれるようになり、iFrameの中で外部サイトのコンテンツを読み込んでプレビューする形に変更されています。

     

    Dreamweaver上での変更内容が瞬時にブラウザ上に反映されるのでこれはこれで便利だと思うのですが、以前のようにブラウザ上でURLを正しく表示したいような場合は「環境設定 > リアルタイムプレビュー > 静的ブラウザープレビューを既定値に設定」にチェックを入れてご利用ください。

    Participant
    June 27, 2020

    nmatsuo5 様
    ご回答ありがとうございます。
    通知の設定をしていたのに今この回答を拝見しました・・・。

     

    実は職場の方に相談して、解決しました。
    おっしゃるとおり、1つのサーバーにつき2つの設定が必要だったんですね。
    CS6からCCに移行する際、素直に設定内容のエクスポート/インポートをすればよかったものの、諸々の兼ね合いでデータ移行の時間があまりなく、CCには設定を手入力で行ったため知らずに悩んでいました。
    職場の方はエクスポート/インポートをしたら自動で2つつくられた、とのことです。

    リアルタイムプレビュー機能についてもよく知らなかったのですが、この機能は自分には必要のない機能なので以前の使い方と同じように設定しようと思います。

    ありがとうございました!