笔者是个Java爱好者也是用Java进行web开发的工做者。平时笔者最喜欢的浏览器就是Firefox,由于它能带个笔者不少IE所不具有的优秀调试功能,说内心话笔者一直以为MS貌似很不重视浏览器。不管功能仍是性能,IE在笔者内心基本都是垃圾。。。今天偶然看到一篇介绍利用Google提供的免费用具进行Web开发与设计的文章,十分经典摘过来和你们分享下:html
Google 的使命是 Web,在 Google 眼中,将来的一切应用都将 Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地建立,维护,改善他们的 Web 站点,这些工具包含了开发,分析,维护,修补等等用途,本文将介绍15款这样的工具。 1. Google Chrome Developer Toolsjava
这是 Google Chrome 中相似 Firefox Firebug 以及 Web Developer Toolbar 的一个扩展,用于调试你的网页,包含一个 DOM 探测器,一个 JavaScript 调试台,能够设置执行断点和跟踪,一个相似 YSlow 的执行分析器。 2. Webmaster Toolsweb
一个对网站拥有者来讲很是有用的程序,能够帮助你从各个角度改善本身的站点。能够发现站点中的恶意程序,发现搜索引擎爬虫遇到的错误,能够发现你的 HTML 代码中须要改进的部分。还能够帮你发现你的站点中最热门的网页,并发现你站点中的错误连接。 3. Google Web Toolkit正则表达式
Google Web Tootlkit (GWT)是一个 Web 开发基础框架,为开发者提供了一些基础类库,GWT 同 Google 的其它产品,如 AdWords,FeedBurner,Google Ajax 类库等紧密集成,这里有一个 Google Docs 教程。 4. Google Code Searchchrome
帮助开发者搜索代码,支持正则表达式搜索,或在一个高级搜索界面中, 很直观地搜索那些可能会让你事半功倍的公共代码。 5. Page Speedapi
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 流量分析统计工具。