在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
适合前端开发者的实用的谷歌开发者插件？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
cors一键跨域
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
好吧，让开，我来：
WEB前端助手：提供了诸多有用的小工具，见下图:
Clear Cache: 一键清除缓存和浏览记录，当然，如果你想保留某些网站的记录，可以在浏览器的历史记录里设置里设置白名单
JSON-handle : 浏览器调试JSON数据接口时格式化（美化）的神器
Web Developer: 又一个综合性调试工具，如下图：
The Great Suspender : 我们都知道，测试时有时候要开好多标签页，谷歌浏览器标签页开多了是多么的占内存，而这款插件可以冻结暂时没有用的页面，回收内存，当你需要再次使用该页面时，只需要在该页面点击一下，他又会重新加载，内存节省神器。
Pretty print : 又一款JS和CSS代码格式化美化工具
HTTP Headers: 一款方便查看当前页面请求头信息的插件，如下图：
PHP Ninja Manual :一款随时查询PHP函数的插件，适合PHP前端同学
Chrome Logger ： 配合Chromephp的后端调试插件，可以在PHP程序里把调试信息打印到Chrome控制台，神器，不解释
划词翻译： 查英文文档的时的翻译神器
印象笔记·剪藏： 将大神博客的文章一键保存到自己的印象笔记
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
跨域的那个最吊
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
Wappalyzer：一款可以查看一个站点技术栈的扩展，比如此页
IE Tab：IE渲染，你懂的
YSlow：一款可以检测网站性能的扩展
Vimium：一款浏览器神器，使用chrome解放双手，只需要键盘就可以，具体使用请google，使用熟练了特别快而且极客
比如，我在sgmt按一下f就可以用任意2个键内访问这个页面的每一个链接
又或者，我只需要jk两个键用来滚动，d、u用来滚屏，H、L用来转换前进后退，J、K用来切换tab
clear cache：清楚缓存
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
JavaScript and CSS Code Beautifie
跟上面的web前端助手差不多，可替代Window Resizer 调节不同尺寸的浏览器有道词典Chrome划词插件
查阅英文文档必备这三个最常用，收集工具真没啥用，装几个顺手就行了。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
css differ可以对比div样式的不同，平时看代码能看出细微的差别
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
没有人觉得Postman很有用么？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
调整分辨率
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
Postman，不要觉得是后端的，分分钟别人改了api你就哭吧
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
Code tree for GitHub and GitLab
好用的不得了……
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
WEB前端助手(FeHelper)Web Developer都是不错的前端开发者插件。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：505被浏览72716分享邀请回答charcoaldesign.co.uk/pipette2. 尺寸：xScrope 3. TEA for Coda: 都是提升效率的工具。另外，Fiddler 也是我非常少用但非常喜欢的工具，但在 Mac 下没有（微软开发的），可以考虑一下 Charles
122 条评论分享收藏感谢收起CSS参考手册： API文档：百度统计分析：代码压缩/整理： 压缩工具1：压缩工具2：编辑工具： JSONView(Chrome插件)： 美化JS代码：性能/测试： JS性能测试： Google的页面加载速度分析： 手机端web调试Console：CSS代码生成/库： 雪碧图制作工具： 可视化CSS3生成器：可视化HTML5&CSS3生成工具：网易的NEC(Nice Easy CSS)代码库：便捷： 占位图：loading.gif生成器：二维码生成器：UC二维码(Chrome插件)： 配色工具：在线开发：611 条评论分享收藏感谢收起查看更多回答热门分类： |
字蛛是通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符，并将这些字符数据 从字体中删除以实现压缩，并生成跨浏览器使用的格式，这样就可以像IconFont字体图标一样 ，轻松显示各种漂亮的中文字体，很不错的CSS字体使…
非常实用的在线网页响应式布局测试检测工具，支持手机、平板、各种尺寸的终端测试以及横向 显示的检测，输入一个网站可以检测各种尺寸，非常不错的响应式布局页面测试。…
强大jQuery UI可拖拽Bootstrap可视化网站布局系统，非常不错的Bootstrap布局工具，支持栅格化排列 布局，最大的亮点支持拖拽并且是可视化的，即拖即用，支持众多的Bootstrap组件，如幻灯片、菜单导 航、数据表格、表单提交、按钮、提…
什么是强迫症头像，简单的说就是把自己的微信头像或者QQ头像直接加上有新消息提示的红色提示图标， 这样就能使那些觉得你有新消息发布的人，迫使那些有强迫症的人去点击你的头像，是不是很好玩呢， JS代码网打造的微信强…
Kockout 为Corel公司开发，是一款相当强大的Photoshop插件，该软件利用配合Photoshop滤镜 使用，在图像输出上会简化许多，尤其是Kockout2.0版本处理完后不用存盘就可直接返回Photoshop 下进行编辑，不但能够满足常见的抠图需要，而且还可…
你还在到处寻找ICON图标而苦恼吗，打从你看到这篇文章起，你就远离到处寻找图标的烦恼了， FlatIcon 是一个不错的ICON图标网站，提供超过5000 种平面化图案供使用者免费下载，网站提 供的图标多为简约设计，与之前介绍过的 ico…
非常好的绿色ico图标制作软件，无需安装，IconLover 能够查找并提取，能提取程序文件、文件夹、icon图标文件，最重要的它是具有强大的图标制作功能能够，能将提取的图标或者新创建的图标进行方便快捷的设计、绘制，并且能够支…
你还在到处找图标吗，这里有大量的矢量图标可下载，很不错的字体图标库，包含大量的网站经常使用的图标， 提供SVG,AI,PNG三种格式的下载，还可以批量下载哦，是不是很不错呢，赶紧去找你要的图标吧，再也不用担 心网站图标…
百度FEX团队开发的在线脑图(思维导图)工具Kity Minder，KityMinder是百度 FEX 团队 的 f-cube 小组（原 UEditor 小组）的又一力作。作为一款在线的脑图编辑工具，它有着 不亚于 native 脑图工具的交互体验。同时，它充分发挥了 Web 云存储的…
基于Node.js的浏览器自动化单元测试工具Nightwatch.js，强大的 Selenium WebDriver API 来在 DOM 元素 上执行命令，语法简单功能强大，只需使用 Javascript 和 CSS 选择器，不需要初始化其他对象和类，您只 需要编写测试规范。内置命令行测试运…10 款强大的JavaScript图表图形插件推荐 - Web前端 - ITeye资讯
相关知识库：
网上有很多用于绘制图表图形的免费JavaScript插件和图表库，这类插件大量出现的原因，一是人们不再依赖于Flash，二是浏览器和精密的计算使呈现实时数据变得容易，而且各种向量绘图技术像VML、SVG和Canvas的发展也使之成为可能。
本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的平台和老版本的浏览器上工作。有些工具是独立的框架，大部分支持常规的功能：条形图、线形图、饼形图，有的还可以生成更复杂的图表：关联图、维恩图、热区图、Newick树图、二维散点图、二维气泡图、三维散点图。
这是一个非常好用的HTML5数据可视化工具，与Flash工具颇为相似。基于JavaScript，利用了Prototype 和 Flotr 库，可用于显示两组实时二维数据。
D3是最流行的可视化库之一，它可以将任意数据绑定到DOM（Document Object Model，文档对象模型），然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表，或生成一个SVG条形图。
Rickshaw可以创建交互时间序列图。它依赖于D3的可视化库，需要一些扩展比如jQuery和jQuery UI来辅助实现。
这是一个基于jQuery（最流行的JavaScript库）的绘图制表插件。jqPlot可以生成线形图、条形图、饼形图。
这是HTML5的JS图表库，拥有20多个类型的图表。利用最新的HTML5 canvas标签，这个工具可在网页浏览器中生成JavaScript的图表，这意味着更快的网页加载和更少的Web服务器负载。
开源JS库，能生成交互、可缩放的时间序列图表。可显示密集的数据组，用户还可对这些数据进行分析和说明。
一个基于HTML5标签的库，支持大量极其复杂的图表和图形。
这个工具可在网站上创建美观的图表，它基于Raphael图形库，可以查看静态图表和互动图表的演示。
一个独立框架库，可以绘制HTML5的图表图形，实际上是flotr的一个分支，功能更完善。可生成线形图、条形图、烛形图、饼形图和气泡图，还支持旧的浏览器（如IE 6）和移动平台。
顾名思义，这是一个很棒的JavaScript库，它可用于创建基于HTML 5 canvas元素的图表。这个库很简单，只需要几行代码就能快速生成简单的图表。
英文原文：
echarts不错的。Echarts asp.net+ashx项目部署及代码实例（附demo） /projecteactual/echarts-aspnet-ashx-demo-xiangmudaima.html
MARK。如果以后用到再找找。
syx 写道我最关心的 那些 直接IE6?IE6中国特色, 中国政府特色
哪些是收费的？
我最关心的 那些 直接IE6?
这些插件有具体的下载的吗?可以提供吗
ufopw 写道highchart与这几个比较如何？商业许可收费挺贵
highchart与这几个比较如何？
/blog/1444513
highchart都没？
就用过拉斐尔
相关资源推荐