笔者是个Java爱好者也是用Java进行web开发的工作者。平时笔者最喜欢的浏览器就是Firefox，因为它能带个笔者很多IE所不具备的优秀调试功能，说心里话笔者一直觉得MS貌似很不重视浏览器。无论功能还是性能，IE在笔者心里基本都是垃圾。。。今天偶然看到一篇介绍利用Google提供的免费用具进行Web开发与设计的文章，十分经典摘过来和大家分享下：

　　Google 的使命是 Web，在 Google 眼中，未来的一切应用都将 Web 化，一直以来，Google 为 Web 开发与设计者推出了大量免费工具，让他们更好地创建，维护，改善他们的 Web 站点，这些工具包含了开发，分析，维护，修补等等用途，本文将介绍15款这样的工具。 1. Google Chrome Developer Tools

Web开发与设计之Google兵器谱-Web开发与设计利器

　　这是 Google Chrome 中类似 Firefox Firebug 以及 Web Developer Toolbar 的一个扩展，用于调试你的网页，包含一个 DOM 探测器，一个 JavaScript 调试台，可以设置执行断点和跟踪，一个类似 YSlow 的执行分析器。 　　2. Webmaster Tools

Web开发与设计之Google兵器谱-Web开发与设计利器

　　一个对网站拥有者来说非常有用的程序，可以帮助你从各个角度改善自己的站点。可以发现站点中的恶意程序，发现搜索引擎爬虫遇到的错误，可以发现你的 HTML 代码中需要改进的部分。还可以帮你发现你的站点中最热门的网页，并发现你站点中的错误链接。 　　3. Google Web Toolkit

Web开发与设计之Google兵器谱-Web开发与设计利器

　　Google Web Tootlkit （GWT）是一个 Web 开发基础框架，为开发者提供了一些基础类库，GWT 同 Google 的其它产品，如 AdWords，FeedBurner，Google Ajax 类库等紧密集成，这里有一个 Google Docs 教程。 　　4. Google Code Search

Web开发与设计之Google兵器谱-Web开发与设计利器

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

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 流量分析统计工具。

Web开发与设计之Google兵器谱-Web开发与设计利器的更多相关文章

  1. Google 的Web开发相关工具

    一.PageSpeed Insights PageSpeed Insights 能够针对移动设备和桌面设备生成网页的实际性能报告,并能够提供关于如何改进相应网页的建议. 在线工具:https://de ...

  2. 从徐飞的文章《Web应用的组件化开发（一）中窥视web应用开发的历史

    Web应用的组件化开发(一) 原文来自 徐飞 基本思路 1. 为什么要做组件化? 无论前端也好,后端也好,都是整个软件体系的一部分.软件产品也是产品,它的研发过程也必然是有其目的.绝大多数软件产品是追 ...

  3. BizTalk开发系列(二十六) 使用Web Service

    Web Service是在构建SOA平台中广泛使用的技术.在BizTalk开发过程中使用SOAP适配器接收和发送 Web Services 请求.业务流程可以发布为 Web Services 并使用外 ...

  4. 基于Spring设计并实现RESTful Web Services(转)

    基于Spring设计并实现RESTful Web Services 在本教程中,你将会使用Spring来创建一个具有生产力的RESTful网络服务. 为什么用RESTful网络服务? 从和Amazon ...

  5. 触摸屏网站开发系列（一）-ios web App应用程序（ios meta）

    触摸屏网站的开发其实现在来讲比前几年移动端网站开发好多了,触摸屏设备IOS.Android.BBOS6等系统自带浏览器均为WEBKIT核心,这就说明PC上面尚未立行的HTML5 CSS3能够运用在这里 ...

  6. 如何设计和实现一个web app

    web app简介 web app其实不算是什么新鲜的东西,相比于传统的web和传统的app,web app这种web和app相结合的产物有的优点如下: 1. 开发上web app更有便捷性,ios开 ...

  7. 如何设计一个可用的web容器

    之前在另外一个平台(http://www.jointforce.com/jfperiodical/article/1035)发表的一篇文章,现在发布到自己的博客上. 开发一个web容器涉及很多不同方面 ...

  8. APP开发手记01（app与web的困惑）

    文章链接:http://quke.org/post/app-dev-fragment.html (转载时请注明本文出处及文章链接) 最近在用博客园的wcf服务做博客园的android和ios的app, ...

  9. 如何设计出优美的Web API？

    概述 WEB API的应用场景非常丰富,例如:将已有系统的功能或数据开放给合作伙伴或生态圈:对外发布可嵌入到其他网页的微件:构建前后端分离的WEB应用:开发跨不同终端的移动应用:集成公司内部不同系统等 ...

随机推荐

  1. Python 趣题

    如何优雅判断list为空 list_temp = [] if list_temp: # 存在值即为真 else: # list_temp是空的 在Python中,False,0,'',[],{},() ...

  2. Xamarin.Forms读取并展示Android和iOS通讯录 - TerminalMACS客户端

    Xamarin.Forms读取并展示Android和iOS通讯录 - TerminalMACS客户端 本文同步更新地址: https://dotnet9.com/11520.html https:// ...

  3. Python第五章-内置数据结构02-列表

    Python 内置的数据结构 二.列表(list) 想一想: 前面学习的字符串可以用来存储一串信息,那么想一想,怎样存储咱们班所有同学的名字呢? 定义100个变量,每个变量存放一个学生的姓名可行吗?有 ...

  4. 强化学习之二：Q-Learning原理及表与神经网络的实现（Q-Learning with Tables and Neural Networks）

    本文是对Arthur Juliani在Medium平台发布的强化学习系列教程的个人中文翻译.(This article is my personal translation for the tutor ...

  5. 一文上手Tensorflow2.0（四）

    系列文章目录: Tensorflow2.0 介绍 Tensorflow 常见基本概念 从1.x 到2.0 的变化 Tensorflow2.0 的架构 Tensorflow2.0 的安装(CPU和GPU ...

  6. HDU 4497 GCD and LCM 素因子分解+ gcd 和 lcm

    题意: 给两个数,lll 和 ggg,为x , y , z,的最小公倍数和最大公约数,求出x , y , z 的值有多少种可能性 思路: 将x , y , z进行素因子分解 素因子的幂次 x a1 a ...

  7. 如何利用python实现为每行添加行数编号

    可能还有更好的方法,在这里我是这么写的,针对小文件可以,但是如果文件内容太多,这种方法感觉不太好 先把所有的数据读取出来,然后利用W覆盖写入模式打开文件进行写入 遍历枚举类型数据后,默认是从0开始,然 ...

  8. 模板字符串原理,原生js实现字符串模板

    在使用模板字符串的时候使用的是 '{{}}'形式进行书写,本文则向各位解密这么写的原因 初体验正则 首先要先明白正则表达式中exec的使用 例如: let str = 'axu1997@qq.com' ...

  9. iOS 页面流畅技巧(1)

    一.屏幕显示图像原理 首先明确两个概念:水平同步信号.垂直同步信号. CRT 的电子枪按照上图中的方式,从上到下一行一行的扫描,扫描完成后显示器就呈现一帧画面,随后电子枪回到初始位置继续下一次的扫描. ...

  10. 关于《自动化测试实战宝典：Robot Framework + Python从小工到专家》

    受新冠疫情影响,笔者被“困”在湖北老家七十余天,于4月1号(愚人节)这天,终于返回到广州.当前国内疫情基本已趋于平稳,但全球疫情整体势态仍在持续疯涨,累计确诊病例已近80万人.祈祷这场全球性灾难能尽早 ...