Anistar RIA Blog

之前在CS4未上市前，
因為工作的關係事先摸過了CS4，
那時我就已經跟大家說Dreamweaver是整個CS4中最值得推薦升級的軟體，
為什麼我會這樣說呢？
相信大家都知道Dreamweaver是一套拿來做網頁編輯很棒的軟體，
但是他的程式撰寫提示卻是可以說爛的可以。

舉個例子來說吧，
想在網頁中用Dreamweaver寫個JavaScript，
這都要考驗你對程式語法的熟練度(因為根本沒什麼提示)，
我常常寫案子要一次使用多種語言，害我一值叛逃到eclipse上去寫code。

現在CS4把這件事情做了一點改變，你可以參考Adobe網站上的一段說明：
Code hinting for Ajax and JavaScript frameworks[ new]

Write JavaScript more efficiently with improved support for JavaScript core objects and primitive data types. Put the extended coding functionality of Dreamweaver CS4 to work by incorporating popular JavaScript frameworks, including jQuery, Prototype, and Spry.

由我所畫出的這段紅色的重點，
可以看到Adobe宣稱Dreamweaver CS4提供javascript framework的提示，
但是在很多討論區上又看到很多人說試不出來，
那麼趕快來看一下Dreamweaver CS4是否真的從善如流給了code hint了。

首先來試試看jQuery的事件提示，當在打完$(document).的時候叫出提示，
果然出現了ready()的提示。 (感動啊….Adobe你終於想開了…)

若是程式寫錯，Dreamweaver CS4可會馬上警告你不修復這個錯誤不能跑喔!
看的好，我的腦汁終於有救了。

更棒的是以前要測試javascript的效果要先傻傻的按F12測試，
等到在瀏覽器中測試發現有問題後再回到Dreamweaver中修改，
現在只要按下[即時檢視]就可以在Dreamweaver CS4中看到結果了。

你還可以去直接的用互動的方式看看效果對不對，或是程式是否有寫錯，
這個功能我愛死了，簡直就是佛心來的，
沒想到我以前這麼多美好的時光就這樣來回測試中被浪費掉了。

還沒完喔，
Dreamweaver CS4還有一個很棒的功能，那就是[即時程式碼]，
如果你常寫Ajax的專案，
應該會很苦惱debug上的問題吧，
尤其當畫面成果不對時，
只好苦惱的像熱鍋上的螞蟻翻來翻去，
注意看下面的圖喔，
我做了一個簡單的滑鼠點擊動作換掉"Hello hQuery"的字樣。

噹~噹~噹~噹~
很神奇吧，當下面的畫面改變時，
只要你有按[即時程式碼]功能，
就會在程式碼區域中看到被改變過的HTML，
哈里路亞~這樣真的是棒透了，
讓我乖乖的重回Dreamweaver的懷抱了。

Dreamweaver CS4這麼讚，有沒有什麼好抱怨的？有！我還期望更多：

1. 某些提示還是無法正確顯示(例如.click和.html就沒有，結果我還是要考驗記憶力)
2. 提示的內容不夠完整(例如參數內容與說明等)
3. PHP和其他的後端程式提示還是保持在爛掉的狀態(拿不成這是CS5的賣點？噗！)

不過現在至少有支援javascript就讓我很開心了，
也順便證明這的確是有這個功能，
希望Adobe能再下一版的Dreamweaver中繼續把coding的介面繼續加強，
不然我還是不能脫離eclipse啊。 Orz

有在使用javascript framework的網友，
Dreamweaver CS4本人強力推薦。