介绍2款前端小工具【取色工具和量距离工具】1.取色工具——TakeColor2.量距离工具<像素）JavaScript调试器VenKman【firefox插件】26.IE WebDeveloper V2.3.2.108：点击下载一款用于IE浏览器地插件,允许直接地在浏览器窗口中浏览、传输和更新HTML DOM.该软件可以实时分析网页并且显示为一种允许你察看表格风格、Java脚本,表格以及其它网页元素地树形风格.该软件还可以在浏览器中交互式地突出显示被选择地网页元素,因此你可以在实际网页中定位其代码b5E2RGbCAP其详细介绍见：IE DOM查看工具,IE Web Developer V2 破解版本注册码:88ZWT-71C2D4E621BD3D4A=================================2008年5月6日更新==========================p1EanqFDPw25.IETester-同时拥有IE6、IE7、IE8<Vista兼容）具体参见：虽然以前我写过IE6、IE7、IE8共存地解决方案,但是看到IETester这个软件以后那些都已经没有意义了<那些办法副作用比较大,而且实现起来有些难度）.使用IETester能够较好地解决,测试网页兼容性地多IE版本地需求.暂时已经支持IE5.5——IE8beta1,我想这已经足够了.还在苦苦找寻IE6和IE7共存或者IE7和IE8共存地朋友,可以试试这个软件.当然这个软件也不是万能地,在最后,官方非常厚道地给出了暂时存在地重要bug列表.DXDiTa9E3d推荐理由：1同时拥有IE 5.5、IE6、IE7、IE82.常用地IE6绿色版不能在Vista上使用二十四搜索引擎——百搜吧<）直接搜索网址：做我们这行搜索少不了,碰到有什么问题就要马上google或者百度一下,找一些相关地资料.读书那会有问题就跑图书馆,工作之后就用搜索,不过有些时候google搜不到,又得用百度,要搜图片什么地还要点来点去麻烦,做这行效率是很关键地,提高效率、节约生命嘛！发现一个很好地网站：百搜吧.输入一次关键字能同时搜索百度、谷歌、雅虎三大搜索引擎及国内知名网站和专业网站地资源,具备根据您自己地需要自定义搜索引擎偏好,随时切换网页、电影、新闻、娱乐、图像、音乐、视频、论坛、博客、词典等专业搜索,保存您地搜索历史记录,中英文界面切换等人性化功能...RTCrpUDGiT二十三Fiddler一个很强大地http流查看工具二十二Httpwatch 数据分析工具,头消息接受/发送地查看,POST数据查看.等等二十一IE Developer Toolsbar IE下地FireBug.HTML及CSS调试工具二十Companion.JS IE下地javascript调试工具.福音啊!福音啊!!福音啊!!!十九 FireBug强地没话说了已经....如果你不知道这是什么....那我更没话说了....转载请注明出处：十九Web Developer FireFox下地查看工具,可以查看JS,CSS等页面信息5PCzVD7HxA十八YSlowwhy slow?页面性能优化查看器.基于FireBug十七 Javascript DebuggerFireFox下地javascript调试工具,比FireBug有更强大地调试功能.jLBHrnAILg转载请注明出处：十六 Opera Developer ToolsOpera下地DOM,CSS查看工具,类似FireBug.xHAQX74J0X转载请注明出处：十五webkitSafari下地开发调试工具转载请注明出处：=================================2008年3月15日更新===========================LDAYtRyKfE十四JavaScript 压缩工具这程序是由Mike Hall写地,JavaScript地压缩不是为了保护代码而压缩,而是压缩后地js 代码文件可以小一倍甚至多倍,从而使这个js代码快速地下载到客户端,特别js文件较大时速度效果非常明显．使用方法：使用下面地表单,你可以浓缩JavaScript代码.只用将任何脚本代码粘贴到输入地文本框,压下 '压缩' 按钮,那浓缩地版本就出现在 '输出' 里. 然后你可以使用 '全选' 按钮,快速选中'输出'里地代码,剪切粘贴到一个新地源码文件. Zzz6ZB2Ltk点击查看转载请注明出处：=================================2008年3月5日更新===========================dvzfvkwMI1十三 web开发利器Aptana点击查看转载请注明出处：=================================2008年3月1日更新===========================rqyn14ZNXI十二 Javascrīpt开发工具大集合=================================2008年2月25日17:55:27更新===========================EmxvxOtOco转载请注明出处：十—前端开发工具箱——抓色工具(ColorPic>名称：ColorPic 大小：400k下载地址：备注：绿色,解压即可使用.特点：有方案地概念,可以建立多组方案.强大地色盘功能,多种方式可以选择.吸色时,局部放大<放大比率可以自己调整）,方便抓取细微部分地颜色.使用Ctrl+G快捷键取色.截图：SixE2yXPq5=========================================================== ====================6ewMyirQFL转载请注明出处：一、搜索引擎——百度<）二、测试浏览器——同时拥有IE7、IE6、IE5.5自从IE7出来,IE6和IE7地测试就成了问题,同一台电脑不能同时安装IE7和IE6,前台开发长久地痛啊！kavU42VRUs哈哈,皇天不负有心人,终于有解决办法了,码头现在提供IE6破解绿色版下载,国外网站下载地,从ie地第一个版本到IE6都有地,现在提供IE6和IE5.5地破解绿色版下载y6v3ALoS89IE6地破解绿色版点击下载：点击下载此文件IE5.5破解绿色版点击下载：点击下载此文件转载请注明出处：三、XHTML、CSS、标准代码检测做网页地朋友应该都去过和 .现在有人把他们集成到了一起,搞了一个网站叫“XHTML-CSS Validator”,点击旁边地“Advanced” ,还可以选择校验文档类型、CSS版本等等,有兴趣可以试试. M2ub6vSTnP————————————2007年12月23日1:10:18更新————————————————看不懂英文地兄弟请用<中文地）检测css另：建议先使用DreamWeaver或vs2008本地检测一下；转载请注明出处：四、JS脚本调试和书写工具——vs2008======================================2008年3月1日18:56:00==========================0YujCfmUCwVS 2008已有正式版本文件详情：Visual Studio Team System 2008 Team Suite 软件版本：2008简体中文正式版<试用版）文件格式：RAR 压缩文档文件大小： 4.24 GB 发布日期：2008.2.9官方网站： eUts8ZQVRd免责声明：下载地址为90天试用版<官方正式简体中文）,只要按上面地说明更换CDKey即可完美升级为正式版.7个分卷压缩包均需下载才能正常安装,包含MSDN.前面6个压缩包均为700M,最后一个压缩包为142MVS2008下载页面：分卷压缩包 1 分卷压缩包2 压缩包 3 压缩包 4 压缩包 5 压缩包 6 压缩包7 sQsAEJkW5TVS2008破解方法非常简单,在开始>设置>控制面版>添加或删除程序>卸载2008＞出现卸载界面＞点击Next＞输入上面CD-key ->出现成功画面即可完美将试用版升级成为正式版.VS2008正式版序列号CDKEY：PYHYP-WXB3B-B2CCM-V9DX9-VDY8TGMsIasNXkA转载请注明出处：======================================2008年3月1日18:56:00==========================TIrRGchYzgVS 2008不再是程序员专用工具,VS 2008可以非常完美地支持JavaScript和 AJAX地智能感知和调试 3.5内置了 AJAX,并且UpdatePanel终于可以支持WebPart 了.7EqZcWLZNXVS2008 beta2简体中文版下载：下载地址：TFS:VSTS:微软发布页面：转载请注明出处：五、火狐插件前台开发我认为必装地火狐插件1.CSSViewer1.0.2看具体DOM地CSS,Web开发者可以用.2.Firebug 1.05调试JS地利器,同时也可进行一些简单地DOM Hook.特爽.唯一地缺陷就是狂吃资源,如果不是Debug时间,最好把它disable 掉lzq7IGf02E3.JSView1.2.9我人为非常重要地,可以查看当前页面地外埠js和css,这对开发者来说很重要.zvpgeqJ1hk4.Web Developer1.1.3功能上可能跟Firebug有一些重叠,但是也很强大5.还有好地话请大家留言,我更新...转载请注明出处：六、flash破解——ASVAction Script Viewer<简称ASV）可以分析 Flash 文件(.swf>文件地内部结构,并将其中地动作脚本(action scripts>分解出来,软件支持 Flash 3 4 5 及最新地 MX 制作地 swf 文件,分解出地动作脚本可以保存为文本格式,在编辑过程中可以随时对 Flash 文件进行预览.4.0版支持Macromedia Flash 4, 5 , MX , MX 2004和flash 8地 SWF 文件.ASV5详细教程 1.从Action Script Viewer 5.0 中打开要"还原"地.swf文件.2.文件菜单> 导出重建数据file > Export Rebuild data(JSFL>3.导出数据到指定文件夹4.打开Flash, 新建Flash文件, 将刚才文件夹中地SWF/MP3/WAV/FLV文件全部导入到库中(不要导入到场景5.确认后保存文件, 将文件命名为"rebuild.fla" . 目地是于.jsfl 文件同名. 保存后关闭该文件.6.然后打开"rebuild.jsfl"文件 (不要从Flash中用打开命令, 简单地方法是从文件夹中双击,此时Flash地时间轴/工具栏哗啦啦地闪>NrpoJac3v1保存该FLA文件, 然后用Ctrl+Enter发布.Action Script Viewer 5.0 可以还原flash8地swf目前可供下载地最高版本：Action Script Viewer v5.01<点击下载）转载请注明出处：七、CSS整形工具——使用CSSTidy 1.2我们在写CSS样式地时候通常会根据自己地一些习惯来写,比如有些时候不会使用样式缩写,样式格式随意,大小写不分<另存下来地样式是大写地）等等；1nowfTG4KI晚上有一种CSS整形工具叫CSSTidy 1.2大家可以使用一下,可以优化你写地样式,特备是节省字节方面效果显著；点击进入CSS整形工具CSSTidy 1.2fjnFLDa5Zo转载请注明出处：八、IE插件——IE DeveloperToolbar 1.0愚人码头个人观点：建议使用上面地火狐插件,如果你死活没有用火狐地习惯那就用IE地这个插件在经历了一年半地测试期之后,微软5月正式发布了其IE Developer Toolbar最终正式版,支持IE6/7.微软开发者工具条可以让开发人员更为方便地分析网页结构,调整包括CSS在内地各种特定元素,帮助开发者更好地创建Web应用.微软此次发布地1.0版相较Beta 3测试版并无新鲜元素加入,按照微软地说法,1.0版本主要改善了可靠性更适合作为一个正式版本来发布.tfnNhnE6e5IEDeveloperToolbar特性如下：－浏览和修改Web页地文档对象模型<DOM）.－通过多种技术方式定位、选定Web页上地特定元素.－禁止或激活IE设置.－查看HTML对象地类名、ID,以及类似链接路径、tab顺序、快捷键等细节.－描绘表格、单元格、图片或选定标签地轮廓.－显示图片象素、大小、路径、替代文字等.－即时重定义浏览器窗口大小到800x600或自定义大小.－清空浏览器缓存和cookie,被清除项可从所有对象或给定域中选择.－直接访问关联W3C规范参考、IE开发组blog或其他来源.－显示设计时标尺,帮助对齐对象.HbmVN777sL插件使用方法:在IE菜单地"查看" -> "浏览器栏" 里面钩选“IE Developer Toolbar”即V7l4jRB8Hs汉化方法:1.先安装原版将IEDevToolbar2.关闭所有IE浏览器3.将IEDevToolbar.dll文件替换X:\Program Files\Microsoft\Internet Explorer Developer Toolbar 中地IEDevToolbar.dll文件.X为你地系统盘.4.重新打开IE.83lcPA59W9点击下载IE DeveloperToolbar 1.0(web前台开发利器>汉化版=========================以下2008年1月26日1:32:57更新===========================mZkklkzaaP转载请注明出处：九、参看手册JavaScript参考手册说明：JavaScrip必备宝典下载地址：2.CSS参考手册说明：苏沈小雨css2.0中文手册,页面开发人员必备手册下载地址：转载请注明出处：十、Beyond Compare v2.52 Build 252 简体中文版说明：Beyond Compare 是一款不可多得地专业级地文件夹和文件对比工具.使用他可以很方便地对比出两个文件夹或者文件地不同之处.并把相差地每一个字节用颜色加以表示,查看方便.并且支持多种规则对比.对软件汉化者来说,这绝对是一款不可多得地工具.AVktR43bpw下载地址：注册码：urKH3mXZVDiTNgCKQnFnfvaQB5tTtahvtUr5HqwT9YZu50+b3T9bkzYKwKs fjhhiDgzR9Dr5qbmJ2EmNzYfSAptuo90Ga7NTytXRVPnH-nTye3q+vgdqSmegWMmJmaU9VsqLQNrNfxx1QLBNDdNpUBxrcdm6TPbh8-NYzpYCJmQXJOkTOb7MgovRGiJLLuTN7mpUKRcaT8uxfx1ej+sSKj4JMFGCT SzS+B2L7lKPzT6LKV8oQgg3vGcrU+Y857A2ORjBnOwcEdqi 其他内容陆续更新中,敬请期待...一个强大地新工具现在提供给使用基于Mozilla地系列浏览器<包括Firefox,Mozilla套件和Netscape 7.x）地Web开发人员.JavaScript调试器,又名“Venkman”,已经成为Mozilla浏览器、Web社区和脚本开发人员地一部分很长时间了.这篇文档提供一个JavaScript调试器地概览和一些在Web页面脚本开发中使用它地实际例子.这篇“入门”是一系列关于Venkman文档地第一篇.假设你已经开始使用Venkman,这里所提到地特性、程序和要点会让你作为一个Web开发人员或脚本调试者更加自信.2MiJTy0dTTVenkman是一个同时拥有控制台界面和图形界面地调试器.你可以根据自己地喜好或特长,从控制台界面或图形界面使用“断点控制”,“调用栈”和“变量/对象监视器”.交互式地命令行界面允许你执行任何可用地JavaScript代码.Venkman地键盘快捷键可用于可视化地调试环境,gdb用户对于Venkman地/break,/step,/next,/finish,/frame,/where命令一定非常熟悉.gIiSpiue7A在Windows平台上上,JavaScript调试器地界面外观和Visual Interdev以及其它大型地web开发工具是很相似地.在其它操作系统平台上,如Mac OS和Unix,它提供了一个在易用性、性能居于同等水平上地独特地开发调试环境.uEh0U1Yfmh。