转自：http://www.osmn00.com/tools/

前端工具

Tags : 工具

来自自身收集及网上资源整理，从实用性的角度进行了取舍，不是见一个列入一个。另外常见（如DW）的并未列入其中。

下面的链接，部分不是指向其官网，而是链接向相关原创博文的链接。目的即是能使用户直观了解其使用方法，也是支持原创优质博文。

编辑器软件
名称 文章
Eclipse http://url.cn/3TH4qO
Aptana http://url.cn/37IdA5
VIM http://url.cn/1Fkv8C
Notepad++
QuickText		 http://url.cn/33bknc
原型设计
名称 文章
Axure RP http://url.cn/3RTdAx
UIDesigner http://url.cn/3B6HCf
Balsamiq Mockups http://url.cn/31GCaN
OmniGraffle http://url.cn/2A0V2Q
PC端实用小工具
名称 介绍
MarkMan UI标准的神器
Dorado CDC出品的UI标注工具
CSS Sprites
样式生成工具		 鬼哥出品，目前最新版本为3.2.1。查看帮助文档
屏幕取色器 堂主自用的一款小巧的屏幕取色软件
Adesclrpicker 一款无广告的取色器
TakeColor 取色+测距
FastStone Capture 集合版桌面辅助工具
mergeCSS 鬼哥出品样式合并工具，最新版v1.9.20110301
Web2.0Tool 国人出品的JS/CSS压缩工具
PC端浏览器模拟工具
名称 介绍
IETester 不多介绍了
SuperPreview 微软出品的IE集成调试工具，且不仅仅如此
浏览器插件
名称 介绍
验证 FireBug 不多介绍了
YSlow Yahoo出品的页面性能检测工具
Page Speed Google出品的页面性能检测工具
Chrome 右键 — “审查元素”
IE IE Developer Toolbar 微软推出的IE中调试工具
Script Debugger 微软出的针对IE的JS调试工具，不稳定
MS Script Editor Office自带的JS调试工具
Msfast MySpace针对IE的开源测试插件
Safari 1) 设置 – 偏好设置 – 高级 – 勾选“在菜单栏中显示‘开发’菜单”
2) 后菜单 – 开发 – 显示WEB检查器
Opera 右键 – 检查元素
在线前端应用工具
名称 介绍
验证 验证HTML http://validator.w3.org/
验证CSS http://jigsaw.w3.org/css-validator/
验证XHTML http://validator.w3.org/
验证HTML5 http://html5.validator.nu/
验证XML 前去w3school在线验证页面（仅限IE）
验证WML 前去w3school在线验证页面（仅限IE）
压缩 PNG压缩 http://www.punypng.com/
HTML压缩 http://tool.chinaz.com/Tools/JsFormat.aspx
CSS压缩/格式化 http://www.osmn00.com/tools/cssZip.html
JS压缩 http://www.css88.com/tool/ysjs/
JS格式化 http://jsbeautifier.org/
ProtoFluid 用于模拟多款移动终端设备的浏览体验
GTmetrix 对网页同时进行 Page Speed和YSlow的检测考评
CSS3 ST CSS3 Selectors Test – 检测当前浏览器支持多少CSS3选择器
HTML5 Test 在线检测当先浏览器对HTML5的支持情况
CSS TW CSS Text Wrapper 在线创建文本围绕不规则形状。视频

版权声明：本文为Joetao原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/Joetao/articles/4903849.html