Web 開發與設計之 Google 兵器譜

Google 的使命是 Web，在 Google 眼中，未來的一切應用都將 Web 化，一直以來，Google 為 Web 開發與設計者推出了大量免費工具，讓他們更好地建立，維護，改善他們的 Web 網站，這些工具包含了開發，分析，維護，修補等等用途，本文將介紹15款這樣的工具。希望對大家有協助。目前www.21kaiyun.com 21世紀開運網已經成功應用在紫微鬥數排盤中。

1. Google Chrome Developer Tools

這是 Google Chrome 中類似 Firefox Firebug 以及 Web Developer Toolbar 的一個擴充，用於調試你的網頁，包含一個 DOM 探測器，一個 JavaScript 調試台，可以設定執行斷點和跟蹤，一個類似 YSlow 的執行分析器。

2. Webmaster Tools

一個對網站擁有者來說非常有用的程式，可以協助你從各個角度改善自己的網站。可以發現網站中的惡意程式，發現搜尋引擎爬蟲遇到的錯誤，可以發現你的 HTML 程式碼中需要改進的部分。還可以幫你發現你的網站中最熱門的網頁，並發現你網站中的錯誤連結。

3. Google Web Toolkit

Google Web Tootlkit （GWT）是一個 Web 開發基礎架構，為開發人員提供了一些基礎類庫，GWT 同 Google 的其它產品，如 AdWords，FeedBurner，Google Ajax 類庫等緊密整合，這裡有一個 Google Docs 教程。

4. Google Code Search

協助開發人員搜尋代碼，支援Regex搜尋，或在一個進階搜尋介面中，很直觀地搜尋那些可能會讓你事半功倍的公用代碼。

5. Page Speed

Google 現在已經將網站載入速度算到搜尋排名演算法中，Page Speed 可以協助你分析你的網站效能，基於 Google Web 效能最佳實務。

6. Browser Size

該工具幫你分析，你的網頁在不同瀏覽器，不同瀏覽尺寸下的顯示狀況，非常適合看看自己的網頁在不滾動的情況下，在各種瀏覽尺寸下顯示到哪裡。

7. Google Ajax Libraries API

Google Ajax Libraries API 包含多種流行的 JavaScript 庫（目前有10種），並可以從 Google 高效能的 CDN 網路中載入，既節省了你的伺服器頻寬，同時，由於使用者可能已經在別的網站載入過這個庫，因此可以顯著加快這些庫的載入速度。

8. Google Website Optimizer

接著這個工具，你可以對自己的網站進行 A/B 測試，並對網站進行最佳化。

9. Sites

顧名思義，Google Sites 可以幫你建立一個託管的網站，可以將包括 YouTube，幻燈，Gmail 日曆，Google Gear 小程式，Google Docs 一類的應用整合其中。如果將網站設定為不公開，你可以將這個工具用於個人文檔工具。

10. Speed Tracer

以可視化方式，幫你分析你的 Web 程式中各種元素的載入或運行速度與實踐，這裡有一些關於這個工具的用例。

11. Project Hosting

這是 Google Code 項目的一部分，可以幫你託管你的開源項目，Web 開發與設計者還可以在這裡找到大量現成的項目以供借鑒或套用。

12. Google App Engine

這是一個可用來託管自己的 Web 程式的地方，甚至可以使用自己的網域名稱。這裡有一個教程，講解如何使用 Google App Engine 來建立一個留言本。Google App Engine 中已經託管了大量的 Web 程式。

13. Google Chart Tools

Google Chart Tools 可以協助你將資料轉化為圖表，並嵌入自己的網頁，這些圖表還擁有互動功能，可以鑽入，或通過滑鼠盤旋擷取詳細資料，還可以實現動畫圖表。

14. Closure Tools

Closure Tools 是 Google Labs 的一個開發套件，包含3個工具，閉包編譯器（一個 JavaScript 最佳化器），閉包函數庫（用於 Ajax 程式開發）以及一個用於動態產生 HTML 的閉包模板。

15. Google Analytics

經典的 Google 流量分析統計工具。

原文地址：Six Revisions The Top 15 Google Products for People Who Build Websites (原文作者 Jacob Gube)