Apple瀏覽器率先內建開發工具

Apple上周正式發布Safari瀏覽器3.1版。除了提高JavaScript的執行速度、支援HTML 5標準中的影音標籤外，Safari 3.1還是第一套內建開發工具的瀏覽器，提供開發人員，透過視覺化的方式，快速檢視網頁程式碼的內容，以找出影響程式效能的物件。

去年中，Apple將Mac OS的瀏覽器Safari 3移植到Window後，雖然引起高度關注，但是Safari 3在Window上的穩定性一直為人詬病。上周Apple正式發布Safari 3.1版，除了改善程式穩定性，以及JavaScript執行效能以外，最特別是，Apple在Safari中內建網頁開發工具，是第一個內建開發工具的瀏覽器。

時間列有助找出效能瓶頸
Safari 3.1的開發工具，可協助開發人員，發現程式錯誤，以及判斷效能瓶頸。開發工具預設是關閉的，使用者必須自行在Safari喜好設定的進階選單中，開啟「開發人員」功能表之後，才能在下拉選單中看到。開發人員功能表主要提供了網頁檢閱器、錯誤主控臺、網路時間列等功能。

在網頁檢閱器中，開發人員可以透過階層式的方式，檢視所有瀏覽器物件、CSS屬性、JavaScript程式碼等內容。還可以從錯誤主控臺中，檢視每一個程式錯誤，直接打開對應的程式碼。但是Safari的網頁檢閱器，只能提供閱讀，無法像Firefox的開發工具Firebug，可以直接修改內容。

另外一項網路時間列，這是Safari最特殊的開發輔助工具。它採用類似甘特圖的呈現方式，將網頁中每一個物件（例如圖片、程式碼、內嵌物件等）的下載情形，按時間排列呈現出來。開發人員可以一目了然，每一個物件下載的時間長短、下載的順序等。

微軟資深開發應用技術經理周旺暾說：「Safari這種呈現方式，有助於判斷程式碼載入順序，判斷出Ajax執行失敗的原因。」推推王執行長邱繼弘說：「這可以讓開發人員更直覺的，找出網頁效能的瓶頸。」

Safari的開發工具只能追蹤Safari瀏覽器的相容效果。目前還未有一套網頁開發工具，能夠支援所有瀏覽器。因為各家瀏覽器支援的網頁標準略有不同，相同的網頁內容，在不同瀏覽器中，呈現的效果可能會有很大的差距，尤其是動態的Ajax程式。Yahoo前端工程師蔣定宇表示，開發人員往往必須安裝各種版本的瀏覽器，才能測試不同的網頁效果。「瀏覽器相容性是Ajax開發者最麻煩，也最費力的問題。」友邁科技董事長卓政宏表示。

只有各家瀏覽器推出專用開發工具，才能解決相容問題。最早提供網頁除錯功能的瀏覽器是Firefox，不過Firefox是採用安裝外掛程式（Add-on）的方式，例如安裝Firebug、Web Developer等程式，來提供Ajax網頁的除錯功能。但是，邱繼弘認為Firebug這樣的工具還是不夠，例如在Firebug中，無法追蹤IE的畫面效果。邱繼弘認為：「只有瀏覽器推出專用開發工具，才能解決瀏覽器相容問題。」

IE8測試版內建開發工具，未來改外掛
但是，微軟上個月發布新版IE的測試版時，也暫時將開發工具內建在8.0 beta中。微軟在7.0版時，已提供瀏覽器物件（DOM）檢閱工具。在8.0 beta版中，IE還新增了JavaScript除錯功能（如中斷點功能、變數追蹤等）與CSS檢視工具等。微軟資深開發應用技術經理周旺暾說：「新版IE，內建了原本在Visual Studio中的JavaScript除錯功能，希望有助於開發IE 8.0相容網頁。」

不過，周旺暾也表示為了降低瀏覽器的檔案大小，目前內建的開發工具，在正式版時可能會移除，開發人員必須另外下載安裝，才能使用。文⊙王宏仁