Apple新版瀏覽器Safari 3.1，是第一個內建開發工具的瀏覽器，能夠以視覺化的方式，例如用甘特圖的形式，讓開發人員快速找出網頁程式中的效能瓶頸。另外，IE8未來會用外掛程式的方式，提供網頁開發工具。
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相容網頁。」
不過，周旺暾也表示為了降低瀏覽器的檔案大小，目前內建的開發工具，在正式版時可能會移除，開發人員必須另外下載安裝，才能使用。文⊙王宏仁
最新主題
‧ [下載]Nucleus CMS v3.32繁體中文 (hanklu)
‧ iT邦幫忙每日發送問答與知識摘要給您 (ithelp)
‧ 【政府採購】VASCO OTP動態密碼系統正式供貨 (joyce1104)
‧ 男人不長鬍鬚是不是病態？ (health)
‧ 老鼠吃貓 Lifestyle Management Group Limited (jsjsjj)
‧ ﹝免費索票﹞VeeTV主題日邀您來台中看職棒～兄弟象4／12台中首戰！ (mrjones)
‧ 4/9 處理器新聞與文章 - 搶中國市場Intel/AMD盒裝下功夫 VIA失之東隅收之桑榆 (guruchin)
‧ 準備好了嗎？ERP顧問師告訴你微利時代中小企業如何省錢開步走 (amigosoft)
‧ HP 1600/2600/2605 Toner chip resetter (blueeratw)
‧ 【Gogrok】遊戲破不了關時…這樣求救就對啦！ (plus318)
‧ 全球效能第一的SSL加速卡 (asiapeak)
‧ PGP Command Line 協助企業加密防護機密資料 (pgp)
‧ 各家病毒回報方式與心得 (come2)
‧ 酷愛汽車機車自行車的最佳工具§行動影像記錄器§ (urainbow)
‧ OCUP/UML初級認證保證班 (271080)
‧ jeep1688 (jeep1688)
‧ ERP、POS整合，才能在製造、通路、品牌混戰中百戰百勝。 (sutp)
‧ JCOP10簡裝版套件包: 1,500元 (futako)
‧ 再論 博X來「選擇 7-11 門市」功能設計 (Kenming)
‧ 用離線編輯軟體Live Writer來輕鬆的寫詳細圖文IT技術分享的部落格 (dotjum)
‧ 策略和營運(一) (yinshih)
‧ 改良 UI 減少企業無形的人力浪費 - 多規格貨品輸入畫面設計 (marlon)
‧ Cisco UC520 (Call Manager Express) 統合通訊產品教育訓練 (kammy)
‧ 點選式交換排序(Javascript) (aqr199)
‧ 物件導向Javascript - what is this (fillano)
‧ 由Google的專利清單推測PageRank的演算因素 (5min)
‧ 請介紹一下您們網頁設計中融入SEO及網路行銷理念的好處是什麼? (wangysj001)
‧ 好久不見～～ (ferrari)
‧ 2008 Taipei Computex --- Skype Enterprise Series Product (zipcom)
‧ 無線網際網路的產業巨變（三）Nokia 的策略 (digitalwall
沒有留言:
張貼留言