網站開發專用的 Chrome 擴充功能

2010 年 5 月 27 日,星期四

在 Chrome 中對 HTML、JavaScript 和 CSS 進行偵錯時,Chrome 開發人員工具非常實用。如果您要為 Chrome 線上應用程式商店撰寫網頁或甚至是網頁應用程式,可以檢查 DOM 中的元素、對 Live JavaScript 進行偵錯,以及直接在目前的網頁中編輯 CSS 樣式。擴充功能可以提供在瀏覽器中輕鬆就能存取的額外功能,進而讓 Google Chrome 讓成為更完善的網路開發環境。為了協助開發人員,我們建立了一個頁面,提供網站開發專用的擴充功能,希望對您建構應用程式和網站有所幫助。

Speed Tracer Chrome 擴充功能

例如 Speed Tracer 是一種擴充功能,可協助您找出並修正網頁應用程式中的效能問題。透過 Speed Tracer,您可以更瞭解應用程式中時間是花費在哪個部分上,並排解 JavaScript 剖析和執行、CSS 樣式等方面的問題。

Resolution Test Chrome 擴充功能

另一個實用的擴充功能是 Resolution Test,可以變更瀏覽器視窗的大小,因此網頁程式開發人員可以使用不同的螢幕解析度預覽網站。這個擴充功能包含常用解析度的清單,以及可以自行輸入解析度的自訂選項。

Web Developer Chrome 擴充功能

透過 Web Developer 擴充功能,您可以存取其他開發人員工具,例如驗證選項、調整頁面大小和 CSS 元素檢視器;所有工具都可以使用工具列中一個額外的按鈕開啟。

Chrome Editor Chrome 擴充功能

另一個建議您查看的是 Chrome Editor 擴充功能,可以讓您直接在瀏覽器中輕鬆編寫程式碼,這樣一來,您就不必在瀏覽器和程式碼編輯器之間來回切換。此外,您也可以將程式碼參照儲存在本機供日後使用。

這些擴充功能只是我們網站開發專用的擴充功能頁面中的一部分,您也可以前往擴充功能庫查看更多項目。