筆者是個Java愛好者也是用Java進行web開發的工做者。平時筆者最喜歡的瀏覽器就是Firefox，由於它能帶個筆者不少IE所不具有的優秀調試功能，說內心話筆者一直以爲MS貌似很不重視瀏覽器。不管功能仍是性能，IE在筆者內心基本都是垃圾。。。今天偶然看到一篇介紹利用Google提供的免費用具進行Web開發與設計的文章，十分經典摘過來和你們分享下：html
Google 的使命是 Web，在 Google 眼中，將來的一切應用都將 Web 化，一直以來，Google 爲 Web 開發與設計者推出了大量免費工具，讓他們更好地建立，維護，改善他們的 Web 站點，這些工具包含了開發，分析，維護，修補等等用途，本文將介紹15款這樣的工具。 1. Google Chrome Developer Toolsjava
Web開發與設計之Google兵器譜-Web開發與設計利器python
這是 Google Chrome 中相似 Firefox Firebug 以及 Web Developer Toolbar 的一個擴展，用於調試你的網頁，包含一個 DOM 探測器，一個 JavaScript 調試臺，能夠設置執行斷點和跟蹤，一個相似 YSlow 的執行分析器。 2. Webmaster Toolsweb
Web開發與設計之Google兵器譜-Web開發與設計利器ajax
一個對網站擁有者來講很是有用的程序，能夠幫助你從各個角度改善本身的站點。能夠發現站點中的惡意程序，發現搜索引擎爬蟲遇到的錯誤，能夠發現你的 HTML 代碼中須要改進的部分。還能夠幫你發現你的站點中最熱門的網頁，並發現你站點中的錯誤連接。 3. Google Web Toolkit正則表達式
Web開發與設計之Google兵器譜-Web開發與設計利器算法
Google Web Tootlkit （GWT）是一個 Web 開發基礎框架，爲開發者提供了一些基礎類庫，GWT 同 Google 的其它產品，如 AdWords，FeedBurner，Google Ajax 類庫等緊密集成，這裏有一個 Google Docs 教程。 4. Google Code Searchchrome
Web開發與設計之Google兵器譜-Web開發與設計利器小程序
幫助開發者搜索代碼，支持正則表達式搜索，或在一個高級搜索界面中， 很直觀地搜索那些可能會讓你事半功倍的公共代碼。 5. Page Speedapi
Web開發與設計之Google兵器譜-Web開發與設計利器
Google 如今已經將網站加載速度算到 搜索排名算法中，Page Speed 能夠幫助你分析你的網站性能，基於 Google Web 性能最佳實踐。 6. Browser Size
Web開發與設計之Google兵器譜-Web開發與設計利器
該工具幫你分析，你的網頁在不一樣瀏覽器，不一樣瀏覽尺寸下的顯示情況，很是適合看看本身的網頁在不滾動的狀況下，在各類瀏覽尺寸下顯示到哪裏。 7. Google Ajax Libraries API
Web開發與設計之Google兵器譜-Web開發與設計利器
Google Ajax Libraries API 包含多種流行的 JavaScript 庫（目前有10種），並能夠從 Google 高性能的 CDN 網絡中加載，既節省了你的服務器帶寬，同時，因爲用戶可能已經在別的網站加載過這個庫，所以能夠顯著加快這些庫的加載速度。 8. Google Website Optimizer
Web開發與設計之Google兵器譜-Web開發與設計利器
接着這個工具，你能夠對本身的網站進行 A/B 測試，並對網站進行優化。 9. Sites
Web開發與設計之Google兵器譜-Web開發與設計利器
顧名思義，Google Sites 能夠幫你建立一個託管的網站，能夠將包括 YouTube，幻燈，Gmail 日曆，Google Gear 小程序，Google Docs 一類的應用集成其中。若是將站點設置爲不公開，你能夠將這個工具用於我的文檔工具。 10. Speed Tracer
Web開發與設計之Google兵器譜-Web開發與設計利器
以可視化方式，幫你分析你的 Web 程序中各類元素的加載或運行速度與實踐，這 裏有一些關於這個工具的用例。 11. Project Hosting
Web開發與設計之Google兵器譜-Web開發與設計利器
這是 Google Code 項目的一部分，能夠幫你託 管你的開源項目，Web 開發與設計者還能夠在這裏找到大量現成的項目以供借鑑或套用。 12. Google App Engine
Web開發與設計之Google兵器譜-Web開發與設計利器
這是一個可用來託管本身的 Web 程序的地方，甚至可使用本身的域名。這裏有一個教程，講解如何使用 Google App Engine 來建立一個留言本。Google App Engine 中已經託管了大量的 Web 程序。 13. Google Chart Tools
Web開發與設計之Google兵器譜-Web開發與設計利器
Google Chart Tools 能夠幫助你將數據轉化爲圖表，並嵌入本身的網頁，這些圖表還擁有交互功能，能夠鑽入，或經過鼠標盤旋獲取詳細信息，還能夠實現動畫圖表。 14. Closure Tools
Web開發與設計之Google兵器譜-Web開發與設計利器
Closure Tools 是 Google Labs 的一個開發套件，包含3個工具，閉包編譯器（一個 JavaScript 優化器），閉包函數庫（用於 Ajax 程序開發）以及一個用於動態生成 HTML 的閉包模板。 15. Google Analytics
Web開發與設計之Google兵器譜-Web開發與設計利器
經典的 Google 流量分析統計工具。