前端工程师-前端工程师常用工具

前端工程师常用工具虽然有一段时间不做前端工程师，但还是免不了做前端的思维，碰到了很好的前端实用工具帖还是忍不住转了过来。这个帖子被转了好多次了，也不知道原本的作者是谁，但无论是谁都是万分的感谢，没有您的整理也没有大家的方便。帖子整理了前端工程师常用的工具手册以及一些著名的相关博客，是工作中不可缺少的资料。概要：概要：••••••••••在线工具集常用Firefox插件IE下的调试工具参考手册批处理工具IDE及其他工具Bookmarklet前端开发者社区及权威网站推荐订阅的博客和网站前端开发工具集在线工具集•oooo•oooo弃他了•ooo•ooo其他：GUID生成器——做某些东西(Firefox插件)时需要唯一资源标志符时用W3CounterWebWait-BenchmarkYourWebsiteCSS类：CSS选择器性能测试CSSTidy——CSS格式化工具CSSCompressor——CSS压缩书籍类：BookShelf2.0beta——荐，分类很清晰，下载很方便BookGo!原版图书免费下载链接收集站51CNNET.NETJavaScript类：BeautifyJavaScript——JavaScript格式化工具，效果很理想AJAXLibrariesAPIRegexTesterCompressorPacker——以前一直用这个压JS，自从有了TBCompressor，就放常用Firefox插件••支付宝安全控件和旺旺协议——网购专用，Firefox+浦发网银，无敌了Firebug——这个不用介绍了吧，附空帏的外部编辑器乱码修正版ooooo••••••••Firecooike——支持Cookie的查看和编辑Jiffy——调试性能的，用起来比较麻烦，没试过YSlow——WhySlow?YUI出品PixelPerfect——把设计稿直接拖到Firefox里进行对比RainbowforFirebug——JS高亮，性能不是很理想Fiddler开关——简化在Firefox里切换Fiddler的操作，感谢TaobaoUED的空帏同学WebDeveloperDevBoi——把Html,Dom,JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在这里找到更多的Package。RefControl——针对每个站点发送想要的HTTPRefererGreaseMonkey——看某个网站不爽，写个小脚本来优化下还是不错的HttpFox——查看当前Http链接状态，类似IE下的HttpWatchUserAgentSwitcher——切换User-Agent，同时开发iphone和web版本的时候很方便FoxyProxy——穿墙工具，配合专业代理公布器使用很和谐IE下的调试工具•Fiddle2——非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述”Fiddler开关”进行快速切换。支持插件。••IEDeveloperToolbar——查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。MicrosoftScriptDebugger+Companion.JS——调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：MicrosoftScriptDebugger，Companion.JS，在”IE选项-高级”里取消取消禁用脚本调试。•oo多版本IE共存两种方案：IE7/8+IETester——大众型配置，可以基本满足日常需要。IE6+InternetExplorerCollection——在IE6用户占绝对优势以及IE6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE8+IETester，因为IE8下的DeveloperToolbar还是有很大改进的，调试起来会方便一些。•ooo以下三个软件相对不重要些：HttpWatch——http流查看InstantSource——可查看JS生成的源码NetLimiterPro——网速限制参考手册•资料。••••苏昱的CSS中文手册和Dom中文手册JScript语言参考XML指南XMLHTTP参考手册XHTML、CSS&DOMW3C手册——玉伯整理的版本，包含了W3C手册以及其他有用的•••••••jQuery1.2.6API和jQueryandjQueryUIReference1.2Apache2.2中文版参考手册在线版MySQL5.1参考手册(在线版)PHP手册YUICheatsheetCheatSheetRoundup-Over30Cheatsheetsfordevelopers23个Cheatsheet打包下载批处理工具•••TBCompressor——淘宝UED的JS/CSS压缩工具，详见玉伯的介绍pngOptimizer——png优化工具jpegTran——jpeg去冗余meta工具IDE及其他工具••••Editplusv301汉化版TortoiseSVN移动版本的Apache+PHP——灰常灰常好用，灰常灰常移动，见明城的说明Axure下载+注册码Bookmarklet(右键另存右键另存)右键另存••••FirebugLite——官方介绍Xray——官方介绍MRI——官方介绍‘+window.document.documentElement.outerHTML+””查看生成的源码，‘+window.document.documentElement.outerHTML+”);})()”打开新窗口查看生成的源码——forIE开发者社区及权威网站••••••••••••••MozillaDeveloperCenter(MDC)YAHOO!DeveloperNetwork(YDN)Dev.OperaAppleDeveloperConnectionMSDNIBMDevelopers中国(Web前端开发技术专题)WebKitAOLDeveloperNetworkSlideShare-SharePPT——在线PPT分享，资源丰富GoogleDoctype——Web开发人员的百科全书W3C(香港，中国)PositionIsEverythingHTMLDog维基百科推荐订阅的博客和网站(排名不分先后推荐订阅的博客和网站排名不分先后)排名不分先后•o国外内容聚合：AListApart，Ajaxian，SmashingMagazine，456bereastreet，Script&Style，CSSGlobe，CSS-Tricks，SitePointoo•oo国内内容聚合：Blueidea，无忧脚本，网页设计师(W3CN)，JavaScript教程网团队Blog：淘宝，口碑，阿里巴巴国际站，阿里巴巴中文站，阿里巴巴中文站前端开发团队(方凳)，阿里妈妈，支付宝，阿里软件，19楼，九天音乐，金蝶与友商网o个人Blog，这里列出的是原创并更新相对频繁的博客，如有遗漏，请告之：怿飞，手气不错，Realazy，old9(需穿墙术)，沙滩凉鞋(空帏)，射雕(玉伯)，Aether，振之，嗷嗷，JunChen，爆牙齿，秦歌，克军，5key，小志，Rage(正淳)，麦鸡，云烈，老冒，番茄红了，Joyqi，卢力，CSS森林(Ghost)，Twinsen，Gulu77，Rlog，Dlog，子鼠，西风坊…••••用••••Yahoo!开发团队总结的网站性能优化的34条黄金守则（三）—JavaScript和CSSYahoo!开发团队总结的网站性能优化的34条黄金守则（二）—服务器Yahoo!开发团队总结的网站性能优化的34条黄金守则（一）—内容浮动标签清除浮动方法小结前端工程师经典海量jQuery插件一些IE浏览器不支持的很有用CSS属性Yahoo!开发团队总结的网站性能优化的34条黄金守则（四）—图片、Coockie与移动应团队Blog：Yahoo!UserInterfaceLibrary(YUI)，IEBlog个人Blog：JohnResig，PPK:QuirksMode，DouglasCrockford，DeanEdwards，NateKoechley，JulienLecomte，EricA.Meyer，AndyBudd，StevenLevithan，HedgerWow