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
帮助开发者搜索代码，支持正则表达式搜索，或在一个高级搜索界面中，很直观地搜索那些可能会让你事半功倍的公共代码。
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)
相关文章：
html5新标签使用
HTML 5 视频标签<video> <video width"320" height"240" controls"controls"><source src"/i/movie.ogg" type"video/ogg"><source src"/i/movie.mp4" type"video/mp4">Your b…
调查：“AI红娘”来了，有一半人选择相信TA
作者：REN来源：数据实战派七夕AI红娘来了前言你会相信人工智能（AI）给你推荐的约会对象吗？最近，卡巴斯基的一项全球调查显示，在使用交友或约会软件时， 44% 的受访者愿意接受 AI 或算法…
Mysql技术内幕——InnoDB存储引擎
一．mysql体系结构和存储引擎 1.1、数据库和实例的区别 数据库：物理操作系统或其他形式文件类型的集合。在mysql下数据库文件可以是frm，myd，myi，ibd结尾的文件。 数据库实例：由数据库后台进程/线程以及一个共…
jQuery插件开发 - 其实很简单
【前言】jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件，经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好…
直接选择排序算法
直接选择排序算法 1、选择排序 #include <stdio.h> #include <stdlib.h> #define N 5 //排序的数据个数 typedef struct Num {int data[N-1];int length; }Num;int main(int argc, char *argv[]) {int i,j,min;struct Num La;printf("请输入您要排序的数字序…
大厂的面试官是如何挑人的？
马上就又要到金九银十求职的黄金期了，最近找了很多资深面试官聊天，他们说其实他们每天都要面试考核很多应聘者，但是通过的人却寥寥无几。。为了帮助大家更好的了解大厂面试的知识方向，特别拿出了某大厂大佬整理的非常全面的大厂 A…
使用Mono管理Coyote Linux
Coyote是一个个人防火墙配置Linux的目的是为了保护家庭或教育网络. 这个防火墙产品牌的个人及教育用途,并提供免费下载：http://coyotelinux.com/ CoyoteLinux uses Mono for syadmin tools http://www.coyotelinux.com.cn/index.htm 本文转自 张善友 51CTO博客&…
介绍几款浏览器兼容性测试工具
昨天和朋友聊到了有关浏览器兼容性的问题，在开发中有时的确很让人苦恼，我向他推荐了几款测试浏览器兼容的工具，分享给大伙，有什么更好的工具或是解决方法还希望大家拿出来晒一晒。 IETester 这是我最先用的测试浏览器兼容性的工…
关于android.view.WindowLeaked(窗体泄露)的解决方案
虽然是小问题一个，但也困扰了我一段时间，现在记下来，给自己做个备忘，也可以给其他人一个参考 Java代码 view plaincopy to clipboardprint? 01-08 01:49:27.874: ERROR/WindowManager(473): Activity com.photos.MainActivity …
英伟达推出全球首个元宇宙平台，豪砸数亿是为什么？
编译 | 禾木木 出品 | AI科技大本营(ID:rgznai100) NVIDIA 在 SIGGRAPH 推出首个全球元宇宙平台，并赢得了最佳展示奖。目前处于公测阶段，它对 NVIDIA RTX 和 GeForce RTX GPU 用户免费开放。用户在安装完 NVIDIA Studio 驱动程序后，即可获得…
route命令相关整理
目录： 1. 使用背景 2. route命令 2.1 打印路由信息 2.2 删除路由信息 2.3 添加路由信息 3. 应用实例 3.1 详解案例 3.2 内外网同时上网办法集锦 4、“路由添加失败，找不到元素” 1. 使用背景 需要接入两个网络，一个是部署环境所在内网…
ASP.NET画图控件 Chart Control 免费控件
.NET3.5中中推出了图表控件，可以同时支持Web和WinForm两种方式，由于平时很少使用，一直没有玩玩，闲来无事，简单研究了下，感觉功能真的很强大，基本上可以满足各种图表的应用，感觉这么好…
一步步学敏捷开发：开篇
一步步学敏捷开发：开篇 http://www.cnblogs.com/jetlian/p/3913687.html
算法也是颜值控，Twitter AI更青睐肤白貌美图
【CSDN 编者按】这是不是一个看脸的世界，谁都说不准，但是近期有研究人员发现，Twitter有这样一种AI算法：更青睐于身材好、皮肤白的年轻人的图片，哪怕这些图片经美图软件加工过。具体的情况究竟如何？下面这篇…
esxi4.1使用IDE格式磁盘
1、今天用workstation的“import and export”工具将DataOnTap系统迁移到esxi4.1下面了（具体转换方法可以参考http://taotao1240.blog.51cto.com/731446/656853）好开心啊，但是启动虚拟机的时候悲剧了，提示“在此版本中，…
jQuery 表格插件汇总
本文搜集了大量 jQuery 表格插件，帮助 Web 设计者更好地驾御 HTML 表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。这些插件…
程序员门槛再被“神器”降低：只要会英文，就能写代码！
近日，OpenAI带着他们最新、最神自动编码神器Codex霸榜各大科技媒体头条，我们知道OpenAI是微软投资的通用人工智能平台，而GitHub是微软旗下的代码托管平台，这样微软出算力、OpenAI出技术、GitHub出代码的AI编程铁三角就产生了&…
微软职位内部推荐-Software Engineer II-News
微软近期Open的职位:News is a critical areas for integration of mobile and services, one of the top priorities in Microsoft. Microsoft is innovating rapidly to grow its share of this market by providing the news industry with a world-class News platform and…
css3中的box-sizing属性
盒子宽度、高度计算公式：css元素宽度 width padding bordercss元素高度 height padding border css3之前，当我们需要呈现一个宽度为200px的盒子时，我们需要减去它本身的内边距、边框，然后得知属性的width应该设置为多少。例…
影响Lucene索引速度原因以及提高索引速度技巧
在网上看了一篇外文文章，里面介绍了提高Lucene索引速度的技巧，分享给大家。先来看下影响索引的主要因素： MaxMergeDocs该参数决定写入内存索引文档个数，到达该数目后就把该内存索引写入硬盘，生成一个新的索引segment文…
java 反射 动态代理
在上一篇文章中介绍Java注解的时候，多次提到了Java的反射API。与javax.lang.model不同的是，通过反射API可以获取程序在运行时刻的内部结构。反射API中提供的动态代理也是非常强大的功能，可以原生实现AOP中 的方法拦截功能。正如英文单词refle…
公路病害检测有了“智慧眼”，思谋AI“助力”广东省高速公路
近日，思谋科技与广东省某高速企业达成合作，智慧交通一体化平台病害检测模块已成熟落地，将使广东省高速公路病害检测进入高频率、高效率、智能化时代，以行业领先的AI技术助力智慧交通产业的发展。 近年来，我国公路建设…
无准备，不编程——计算机达人成长之路（15）连载
8、俄罗斯方块（三）编码 嬉闹归嬉闹，最终二人静下心来，绍绍开始请教俄罗斯方块的设计，木鸿飞也不藏拙，马上开始讲解；“游戏其实分为三重循环，也就是可以分为三个部分。” “哪三个&am…
Memcached 缓存系统的-介绍、安装以及应用
一. memcached 是什么?memcached is a high-performance, distributed memory object caching system, generic in nature, but intended for use in speeding up dynamic web applications by alleviating database load.memcached是一个高性能的、分布式内存对象缓存系统&am…
被算法“监控”的打工人，这家公司 150 人被算法裁定为“不敬业”
整理 | 禾木木 出品 | AI科技大本营（ID:rgznai100） 近日，一家公司通过 AI 算法裁掉三成员工的消息在网上引起热议。当你上班时突然收到一封邮件显示“效率低下”而要求马上离开公司，你会怎么想呢？ 据 Game World Obser…
（转）I 帧和 IDR 帧的区别
I 帧和 IDR 帧的区别：http://blog.csdn.net/skygray/article/details/6223358 IDR 帧属于 I 帧。解码器收到 IDR frame 时，将所有的参考帧队列丢弃 （用x264_reference_reset 函数实现——在 encoder.c 文件中） 。这点是所有 I 帧…
ExtJs 备忘录（3）—— Form表单（三） [ 数据验证 ]
正文一、资料 1.1. 表单提示的方式设置，如： Ext.form.Field.prototype.msgTargetside 该设置为枚举值：qtip,side,title,under qtip：把鼠标移动到控件就可以显示提示信息了，有点像设置了title的input标签一样的效果…
Dynamo 以及一致性哈希简介
本介绍参考 Amazon 的 Dynamo 论文。需要更详细更准确信息的同学请直接阅读原文。 (原文地址http://s3.amazonaws.com/AllThingsDistributed/sosp/amazon-dynamo-sosp2007.pdf) 这篇论文本身没提出什么新的思想，正如论文中所说，贡献在于把非常多的技术结…
如何更快速加载你的JS页面
确保代码尽量简洁 不要什么都依赖JavaScript。不要编写重复性的脚本。要把JavaScript当作糖果工具，只是起到美化作用。别给你的网站添加大量的JavaScript代码。只有必要的时候用一下。只有确实能改善用户体验的时候用一下。 尽量减少DOM访问 使用JavaScript访问DOM元…
性价比超高：苹果发布了新数据集，助力室内场景理解
作者：刘媛媛 来源：数据实战派前言计算机视觉界一直渴望能够找到一种方法，让计算机和人们都能够理解室内场景的复杂性。对于许多基本的场景理解任务，很难或不可能从真实图像中获得每像素地面实况标签。一部分研究人员选择通过使用交…