Web 开发与设计之 Google 兵器谱

转载 2010年04月20日 09:31:00

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

帮助开发者搜索代码,支持正则表达式搜索,或在一个高级搜索界面中,很直观地搜索那些可能会让你事半功倍的公共代码。

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)

Web 开发与设计之 Google 兵器谱

  Web 开发与设计之 Google 兵器谱 收藏 Google 的使命是 Web...
  • JliushuiH
  • JliushuiH
  • 2010年04月22日 22:01
  • 347

Web 开发与设计之 Google 兵器谱

Google 的使命是 Web,在 Google 眼中,未来的一切应用都将 Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的 Web ...
  • u010854543
  • u010854543
  • 2013年11月01日 23:37
  • 549

[转]Web 开发与设计之 Google 兵器谱

Google 的使命是 Web,在 Google 眼中,未来的一切应用都将 Web 化,一直以来,Google 为 Web开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的 Web站点...
  • ablo_zhou
  • ablo_zhou
  • 2010年04月19日 18:39
  • 701

基于模型设计的FPGA开发与实现:滤波器设计与实现(一)在Matlab中高效设计滤波器

http://blog.sina.com.cn/McCrocodile 如何快速高效的设计数字滤波器时本章节的重点。 数字滤波器通常用于改变信号的时域或者频域的某个特性。最简单的数字滤波器时L...
  • mccrocodile
  • mccrocodile
  • 2011年09月06日 21:55
  • 2370

web端设计和web前端开发的区别

Web前端开发技术主要包括三个要素:HTML、CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种...
  • u010883006
  • u010883006
  • 2017年07月05日 14:15
  • 757

数据库设计优化(来自十年经验架构师的课堂)

昨天听了一节公开课,上课的人是一个有十年左右开发经验的架构师,讲的是数据库的设计优化以及SQL语句优化,讲的很浅显易懂,在这里先把数据库设计优化分享给大家。 1.适度违反范式。 如果严格遵循三大范...
  • L_BestCoder
  • L_BestCoder
  • 2017年05月07日 09:20
  • 558

ASP.NET Web API设计pdf

下载地址:网盘下载 如何为浏览器和移动设备等多客户端设计和构建可演化Web API?本书以ASP.NET Web API框架为例,系统介绍了相关的理论和工具,让读者全面掌握设...
  • cf406061841
  • cf406061841
  • 2017年08月17日 22:37
  • 658

Web Api安全性设计

分布式通讯框架-->一个系统要访问另外一个系统中的数据,有一下三种方法,第一种分为2种 1.0 ,MVC Webapi  (严格的讲它其实仅仅是一个设计方案,而不是一个设计框架,Webapi流行的...
  • Fanbin168
  • Fanbin168
  • 2016年03月29日 19:07
  • 3035

初识基于 Web 的可视化编程工具Google Blockly

Google开发发布的完全可视化的编程语言Google Blockly
  • langyuzhi
  • langyuzhi
  • 2016年08月31日 19:11
  • 6571

跟Google 学代码:Web Apps以及WebView究极优化

引言从本篇博客可以学到什么? 1. 用WebView构建页面 2. 优化WebView的加载 3. 成型的WebView优化加载方案,crosswalk 4. hybrid app混合开...
  • chivalrousman
  • chivalrousman
  • 2016年07月05日 23:33
  • 3878
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Web 开发与设计之 Google 兵器谱
举报原因:
原因补充:

(最多只允许输入30个字)