Web 開發(fā)與設(shè)計(jì)之 Google 兵器譜

04月 18, 2010 by P迪  
類別: 資料分享

這文不錯(cuò)，把他推到新浪微博！

發(fā)表評(píng)論

Google 的使命是 Web，在 Google 眼中，未來的一切應(yīng)用都將 Web 化，一直以來，Google 為 Web開發(fā)與設(shè)計(jì)者推出了大量免費(fèi)工具，讓他們更好地創(chuàng)建，維護(hù)，改善他們的 Web站點(diǎn)，這些工具包含了開發(fā)，分析，維護(hù)，修補(bǔ)等等用途，本文將介紹15款這樣的工具。

1. GoogleChrome Developer Tools

這是 Google Chrome 中類似 Firefox Firebug 以及 WebDeveloper Toolbar 的一個(gè)擴(kuò)展，用于調(diào)試你的網(wǎng)頁(yè)，包含一個(gè) DOM 探測(cè)器，一個(gè) JavaScript調(diào)試臺(tái)，可以設(shè)置執(zhí)行斷點(diǎn)和跟蹤，一個(gè)類似 YSlow 的執(zhí)行分析器。
2. WebmasterTools

一個(gè)對(duì)網(wǎng)站擁有者來說非常有用的程序，可以幫助你從各個(gè)角度改善自己的站點(diǎn)。可以發(fā)現(xiàn)站點(diǎn)中的惡意程序，發(fā)現(xiàn)搜索引擎爬蟲遇到的錯(cuò)誤，可以發(fā)現(xiàn)你的HTML 代碼中需要改進(jìn)的部分。還可以幫你發(fā)現(xiàn)你的站點(diǎn)中最熱門的網(wǎng)頁(yè)，并發(fā)現(xiàn)你站點(diǎn)中的錯(cuò)誤鏈接。
3. Google Web Toolkit

Google Web Tootlkit （GWT）是一個(gè) Web 開發(fā)基礎(chǔ)框架，為開發(fā)者提供了一些基礎(chǔ)類庫(kù)，GWT 同 Google的其它產(chǎn)品，如 AdWords，F(xiàn)eedBurner，Google Ajax 類庫(kù)等緊密集成，這里有一個(gè)Google Docs 教程。
4. Google Code Search

幫助開發(fā)者搜索代碼，支持正則表達(dá)式搜索，或在一個(gè)高級(jí)搜索界面中，很直觀地搜索那些可能會(huì)讓你事半功倍的公共代碼。
5. Page Speed

Google 現(xiàn)在已經(jīng)將網(wǎng)站加載速度算到搜索排名算法中，Page Speed 可以幫助你分析你的網(wǎng)站性能，基于Google Web 性能最佳實(shí)踐。
6. Browser Size

該工具幫你分析，你的網(wǎng)頁(yè)在不同瀏覽器，不同瀏覽尺寸下的顯示狀況，非常適合看看自己的網(wǎng)頁(yè)在不滾動(dòng)的情況下，在各種瀏覽尺寸下顯示到哪里。
7. Google Ajax LibrariesAPI

Google Ajax Libraries API 包含多種流行的 JavaScript 庫(kù)（目前有10種），并可以從Google 高性能的 CDN網(wǎng)絡(luò)中加載，既節(jié)省了你的服務(wù)器帶寬，同時(shí)，由于用戶可能已經(jīng)在別的網(wǎng)站加載過這個(gè)庫(kù)，因此可以顯著加快這些庫(kù)的加載速度。
8. GoogleWebsite Optimizer

接著這個(gè)工具，你可以對(duì)自己的網(wǎng)站進(jìn)行A/B 測(cè)試，并對(duì)網(wǎng)站進(jìn)行優(yōu)化。
9. Sites

顧名思義，Google Sites 可以幫你創(chuàng)建一個(gè)托管的網(wǎng)站，可以將包括 YouTube，幻燈，Gmail 日歷，Google Gear小程序，Google Docs 一類的應(yīng)用集成其中。如果將站點(diǎn)設(shè)置為不公開，你可以將這個(gè)工具用于個(gè)人文檔工具。
10. SpeedTracer

以可視化方式，幫你分析你的 Web 程序中各種元素的加載或運(yùn)行速度與實(shí)踐，這里有一些關(guān)于這個(gè)工具的用例。
11. Project Hosting

這是 Google Code 項(xiàng)目的一部分，可以幫你托管你的開源項(xiàng)目，Web 開發(fā)與設(shè)計(jì)者還可以在這里找到大量現(xiàn)成的項(xiàng)目以供借鑒或套用。
12. Google App Engine

這是一個(gè)可用來托管自己的 Web 程序的地方，甚至可以使用自己的域名。這里有一個(gè)教程，講解如何使用Google App Engine 來創(chuàng)建一個(gè)留言本。Google App Engine 中已經(jīng)托管了大量的 Web 程序。
13. Google Chart Tools

Google Chart Tools可以幫助你將數(shù)據(jù)轉(zhuǎn)化為圖表，并嵌入自己的網(wǎng)頁(yè)，這些圖表還擁有交互功能，可以鉆入，或通過鼠標(biāo)盤旋獲取詳細(xì)信息，還可以實(shí)現(xiàn)動(dòng)畫圖表。
14. Closure Tools

Closure Tools 是 Google Labs 的一個(gè)開發(fā)套件，包含3個(gè)工具，閉包編譯器（一個(gè)JavaScript 優(yōu)化器），閉包函數(shù)庫(kù)（用于 Ajax 程序開發(fā)）以及一個(gè)用于動(dòng)態(tài)生成 HTML 的閉包模板。
15. Google Analytics

經(jīng)典的 Google 流量分析統(tǒng)計(jì)工具。

本文國(guó)際來源：Six Revisions TheTop 15 Google Products for People Who Build Websites (原文作者 JacobGube)
中文編譯來源：銳商企業(yè)CMS網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站