新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

DreamWeaver(ドリームウィーバー)のライブビュー機能が使えないときの解決法

   

  • このエントリーをはてなブックマークに追加

バージョンアップを続ける各種アプリケーション。
通常、アップデートすれば使いやすくなるのが一般的ですがたまに今まで使いやすかった機能を削ってしまい困ってしまうこともあります。

今回、AdobeのHTMLコーディングアプリ「Dreamweaver」でそういった事象が起こったのでお伝えしておこうと思います。
ちなみに未解決。
今までとは違う方法でちょっと手間がかかるようになってしまいました。

スポンサーリンク
 

Dreamweaverでは、テストサーバーと本番サーバーを設定することで、コーディング中、「F12」キーを押すだけでテストサーバーに各種最新ファイルをアップロードし、動作や見栄えを確認することのできる機能があります。

これが非常に便利でして、ブラウザ毎に設定も変えられるので各種ブラウザを設定することで、ブラウザのブレも確認できるんです。

が、これがアップデートによりなくなってしまいました。
代わりについたのが「ライブビュー」という機能でなんでも編集中のものが即座にブラウザでどのように表示されるか、どのような挙動をするかが分かる機能らしいのですが。。

らしいというのは使えてないから。
今まで通り、F12を押すことでライブビューで見れるようなのですが編集中にF12を押してもこんな画面が出てくるだけ。


真っ白白。

これ、ひょっとしたら社内のセキュリティレベルが厳しすぎるからなんじゃないかと思うのですが使えないものは仕方がない。

ということで、解決策(というか、代替の手段)をお伝えします。

  1. 通常は左画面に出ている編集中のページがF12を押すことでテストサーバーにアップロードされ、該当のブラウザでプレビューすることができます。
    おそらく、ちゃんと使えればライブビューでも同様なんだと思います。
  2. ただ、それができないので右「ファイル」メニューからプレビューしたいファイルを選びます。
    ファイルを選ぶときは</>マークのある辺りをクリックするといいです。
  3. ファイルを選んだら右クリックして、「ブラウザで開く」→該当のブラウザ「Google Chrome」等を選ぶと、選んだファイルをテストサーバーにアップロードし、該当のブラウザで確認することができます。
  4. なお、ファイルを選んで「F12」でも同様にファイルをテストサーバーにアップロードしてこの場合は初期設定でプライマリに設定したブラウザで確認することができます。
    こちらの方が多少手間が減るのでいいですね。

ということで、今までは編集中「F12」で即、ブラウザ確認できたのですが、右、ファイルウインドウからプレビューしたいファイルを選んで「F12」を押さないとプレビューできなくなってしまいました。
まあ、ファイルを選ぶというちょっとした作業ですが、これがちょくちょくあると結構時間のロスになるんですよねぇ。

もちろん、ライブビューっていう機能は素晴らしいんだと思います。
実際、検索してみると絶賛されているようですしね。
が使えないことにはどうにも。。

バージョンアップする際は旧バージョンでなれてしまった人対策もしっかりとしてもらえると助かります。
設定次第で以前のバージョン同様、テストサーバーにアップして確認するモードに変えられるようにしてもらえると良かったかもしれません。

 - Dreamweaver , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

「Dreamweaver CS6」で拡張テーブルモードを使う方法

今更テーブルによるデザインレイアウトのサイトを編集するなんてことがあるとは思って …

no image
Dreamweaverでよく使う正規表現

Dreamweaverを使っていてこれだけは覚えておきたい正規表現です。 本当に …

Dreamweaverの同期機能を使いこなす。まずはプレビューから同期

Webサイト制作に際し、今までは一人で作業することが多かったのですが、最近は複数 …

Dreamweaver(ドリームウィーバー)で見かける緑の波線の正体とは?

「Dreamweaver」のソースビューにちょくちょく緑色の波線が表示されるのに …

Dreamweaverの同期機能を使いこなす。動的サイトは「クローク」機能で同期対象から外す

いや、こんな便利な機能だったら最初から使っておけばよかったよ。 以前紹介したDr …

Dream Weaver CS3はユニコードがお好き

Dream Weaver(ドリームウィーバー)CS3を導入後、ホームページを作っ …

Dreamweaverの「サイト定義」とは何のこと?

訓練校の生徒さんの中に「サイト定義」のことがさっぱりわからないという方がいました …

DreamweaverとFC2ホームページで作るサイト定義(サイト公開編)

前編 → 後編 → 公開編 最後はホームページの公開手順。サイト定義が済めば、D …

DreamweaverとFC2ホームページで作るサイト定義(後編)

前編 → 後編 → 公開編 さてさて、FC2ホームページでサーバーをレンタルした …

DreamweaverとFC2ホームページで作るサイト定義(前編)

前編 → 後編 → 公開編 すみません。学校用のメモとして記事立てさせて頂きます …