網站開發專用的 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 擴充功能，可以讓您直接在瀏覽器中輕鬆編寫程式碼，這樣一來，您就不必在瀏覽器和程式碼編輯器之間來回切換。此外，您也可以將程式碼參照儲存在本機供日後使用。

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

作者：Google Chrome 團隊 Koh Kim