前端开发必备工具

《前端开发必备工具》由会员分享，可在线阅读，更多相关《前端开发必备工具（11页珍藏版）》请在金锄头文库上搜索。

1、前端开发必备工具前端开发必备工具二十三 Fiddler一个很强大的 http 流查看工具http:/ Httpwatch数据分析工具,头消息接受/发送的查看,POST 数据查看.等等http:/二十一 IE Developer ToolsbarIE 下的 FireBug.HTML 及 CSS 调试工具http:/ Companion.JSIE 下的 javascript 调试工具.福音啊!福音啊!福音啊!http:/www.my- FireBug强的没话说了已经.如果你不知道这是什么.那我更没话说了.https:/addons.mozilla.org/en-US/firefox/addon/1

2、843十九 Web DeveloperFireFox 下的查看工具,可以查看 JS,CSS 等页面信息https:/addons.mozilla.org/en-US/firefox/addon/60十八 YSlowwhy slow?页面性能优化查看器.基于 FireBughttp:/ Javascript DebuggerFireFox 下的 javascript 调试工具,比 FireBug 有更强大的调试功能.https:/addons.mozilla.org/en-US/firefox/addon/216十六 Opera Developer ToolsOpera 下的 DOM,CSS 查

3、看工具,类似 FireBug.http:/ webkitSafari 下的开发调试工具http:/nightly.webkit.org/十四 JavaScript 压缩工具这程序是由 Mike Hall 写的，JavaScript 的压缩不是为了保护代码而压缩，而是压缩后的 js 代码文件可以小一倍甚至多倍，从而使这个 js 代码快速的下载到客户端，特别 js 文件较大时速度效果非常明显 使用方法：使用下面的表单,你可以浓缩 JavaScript 代码.只用将任何脚本代码粘贴到输入的文本框,压下 压缩 按钮,那浓缩的版本就出现在 输出 里. 然后你可以使用 全选 按钮,快速选中输出里的代码,剪

4、切粘贴到一个新的源码文件. 十三 web 开发利器 Aptana 点击查看 http:/ Javascrpt 开发工具大集合http:/ 前端开发工具箱抓色工具(ColorPic)名称：ColorPic大小：400k下载地址：http:/ ，方便抓取细微部分的颜色。使用 Ctrl+G 快捷键取色。截图：二、测试浏览器同时拥有 IE7、IE6、IE5.5自从 IE7 出来，IE6 和 IE7 的测试就成了问题，同一台电脑不能同时安装 IE7 和 IE6，前台开发长久的痛啊！哈哈，皇天不负有心人，终于有解决办法了，码头现在提供 IE6 破解绿色版下载，国外网站下载的，从 ie 的第一个版本到 IE

5、6 都有的，现在提供 IE6 和 IE5.5 的破解绿色版下载IE6 的破解绿色版点击下载：点击下载此文件IE5.5 破解绿色版点击下载：点击下载此文件三、XHTML、CSS、标准代码检测做网页的朋友应该都去过 http:/validator.w3.org/ 和 http:/jigsaw.w3.org/css-validator/。现在有人把他们集成到了一起，搞了一个网站叫 “XHTML-CSS Validator” ，点击旁边的 “Advanced” ，还可以选择校验文档类型、CSS 版本等等，有兴趣可以试试。看不懂英文的兄弟请用 http:/jigsaw.w3.org/css-valida

6、tor/（中文的）检测 css另：建议先使用 DreamWeaver 或 vs2008 本地检测一下；四、JS 脚本调试和书写工具vs2008VS 2008 已有正式版本文件详情： Visual Studio Team System 2008 Team Suite软件版本： 2008 简体中文正式版（试用版）文件格式： RAR 压缩文档文件大小： 4.24 GB发布日期： 2008.2.9官方网站： http:/ 90 天试用版（官方正式简体中文） ，只要按上面的说明更换 CDKey 即可完美升级为正式版。7 个分卷压缩包均需下载才能正常安装，包含 MSDN。前面 6 个压缩包均为 700M，

7、最后一个压缩包为 142MVS2008 下载页面： 分卷压缩包 1 分卷压缩包 2 压缩包 3 压缩包 4 压缩包 5 压缩包 6 压缩包 7VS2008 破解方法非常简单，在开始设置控制面版添加或删除程序卸载 2008出现卸载界面点击 Next输入上面 CD-key -出现成功画面即可完美将试用版升级成为正式版。VS2008 正式版序列号 CDKEY：PYHYP-WXB3B-B2CCM-V9DX9-VDY8TVS 2008 不再是程序员专用工具，VS 2008 可以非常完美地支持JavaScript 和 ASP.NET AJAX 的智能感知和调试。.NET 3.5 内置了ASP.NET AJ

8、AX，并且 UpdatePanel 终于可以支持 WebPart 了。VS2008 beta2 简体中文版下载：下载地址：TFS: http:/ http:/ 1.0.2看具体 DOM 的 CSS，Web 开发者可以用。2.Firebug 1.05调试 JS 的利器，同时也可进行一些简单的 DOM Hook。特爽。唯一的缺陷就是狂吃资源，如果不是 Debug 时间，最好把它disable 掉3.JSView 1.2.9我人为非常重要的，可以查看当前页面的外埠 js 和 css，这对开发者来说很重要。4.Web Developer 1.1.3功能上可能跟 Firebug 有一些重叠，但是也很强大

9、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

10、中打开要“还原“的.swf 文件。 2.文件菜单 导出重建数据 file Export Rebuild data(JSFL) 3.导出数据到指定文件夹 4.打开 Flash, 新建 Flash 文件, 将刚才文件夹中的SWF/MP3/WAV/FLV 文件全部导入到库中(不要导入到场景5.确认后保存文件, 将文件命名为“rebuild.fla“ . 目的是于.jsfl文件同名 . 保存后关闭该文件。 6.然后打开“rebuild.jsfl“文件 (不要从 Flash 中用打开命令, 简单的方法是从文件夹中双击，此时 Flash 的时间轴/工具栏哗啦啦的闪)保存该 FLA 文件, 然后用 Ctrl

11、+Enter 发布。Action Script Viewer 5.0 可以还原 flash8 的 swf目前可供下载的最高版本：Action Script Viewer v5.01（点击下载）七、CSS 整形工具使用 CSSTidy 1.2我们在写 CSS 样式的时候通常会根据自己的一些习惯来写，比如有些时候不会使用样式缩写，样式格式随意，大小写不分（另存下来的样式是大写的）等等；晚上有一种 CSS 整形工具叫 CSSTidy 1.2 大家可以使用一下，可以优化你写的样式，特备是节省字节方面效果显著；点击进入 CSS 整形工具 CSSTidy 1.2八、IE 插件IE DeveloperToo

12、lbar 1.0愚人码头个人观点：建议使用上面的火狐插件，如果你死活没有用火狐的习惯那就用 IE 的这个插件在经历了一年半的测试期之后，微软 5 月正式发布了其 IE Developer Toolbar 最终正式版，支持 IE6/7。微软开发者工具条可以让开发人员更为方便的分析网页结构，调整包括 CSS 在内的各种特定元素，帮助开发者更好地创建 Web 应用。 微软此次发布的 1.0 版相较 Beta 3 测试版并无新鲜元素加入，按照微软的说法，1.0 版本主要改善了可靠性更适合作为一个正式版本来发布。IEDeveloperToolbar 特性如下： 浏览和修改 Web 页的文档对象模型（DO

13、M） 。 通过多种技术方式定位、选定 Web 页上的特定元素。 禁止或激活 IE 设置。 查看 HTML 对象的类名、ID，以及类似链接路径、tab 顺序、快捷键等细节。 描绘表格、单元格、图片或选定标签的轮廓。 显示图片象素、大小、路径、替代文字等。 即时重定义浏览器窗口大小到 800x600 或自定义大小。 清空浏览器缓存和 cookie，被清除项可从所有对象或给定域中选择。 直接访问关联 W3C 规范参考、IE 开发组 blog 或其他来源。 显示设计时标尺，帮助对齐对象。插件使用方法:在 IE 菜单的“查看“ - “浏览器栏“ 里面钩选“IE Developer Toolbar”即汉化方法:1.先安装原版将 IEDevToolbar2.关闭所有 IE 浏览器3.将 IEDevToolbar.dll 文件替换 X:Program FilesMicrosoftInternet Explorer Developer Toolbar中的 IEDevToolbar.dll 文件.X 为你的系统盘.4.重新打开 IE.点击下载 IE DeveloperToolbar 1.0(web