zoukankan      html  css  js  c++  java
  • 转:不可不知的前端开发工具

    1.IETester 0.3.5 多国语言版-同时拥有IE6、IE7、IE8(Vista兼容)
    http://www.my-debugbar.com/wiki/IETester/HomePage

    2.Web Developer for firefox插件
    在菜单和工具栏加上多种网页开发工具
    https://addons.mozilla.org/zh-CN/firefox/addon/60

    3.FireBug1.3.3 for firefox插件
    Firebug 和 firefox 整合在一起,使你浏览网页时手边有了一套强大的网页开发工具。你可以编辑、调试和监控任何网页上的 CSS、HTML 和 Javascript。
    http://addons.sociz.com/firefox/531/

    4.Javascript Debugger for firefox插件
    FireFox下的javascript调试工具,比FireBug有更强大的调试功能.
    https://addons.mozilla.org/en-US/firefox/addon/216

    5.IE Tab 1.5.20081203 for firefox插件
    让您可以直接在 Firefox 的标签页中以内嵌的 IE 引擎浏览网页。
    http://addons.sociz.com/firefox/53/

    6.ColorZilla 2.0 for firefox插件
    高级吸管、取色器、页面缩放和其他色彩应用功能。
    https://addons.mozilla.org/zh-CN/firefox/addon/271

    7.FireScope1.0.1 for firefox插件
    FireScope是一个Firefox扩展,同时也是一个Firebug扩展,可以帮助用户快速的搜索HTML元素、属性以及CSS属性的参考信息
    https://addons.mozilla.org/zh-CN/firefox/addon/10273/

    8.firediff0.1a2 for firefox插件
    firediff 是一个很有用的firebug插件,它可以跟踪页面中的dom变化,并且及时显示变化的情况。
    firediff需要 firebug 1.4a17 以上的版本才能运行
    http://www.incaseofstairs.com/download/firediff/?M=A\

    9.JSView for firefox
    JSView可以用来查看javascript和CSS文件的源代码和路径等。是个非常方便的工具。
    http://addons.sociz.com/addon/316

    10.FastStone Capture
    FastStone Screen Capture (FSCapture) 是一款免费的图像浏览、编辑和抓屏工具,支持包括BMP, JPEG, JPEG 2000, GIF, PNG, PCX, TIFF, WMF, ICO 和TGA在内的所有主流图片格式,其独有的光滑和毛刺处理技术让图片更加清晰,提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任 何东西,拖放支持可以直接从系统、浏览器或其他程序中导入图
    http://www.xdowns.com/soft/31/46/2006/soft_33967.html

    11.DebugBar v5.2.2
    DebugBar是一款Internet Explorer插件。它可以用于检查DOM,HTTP,Javascript及HTML代码合法性等。
    http://www.xdowns.com/soft/1/30/2008/Soft_41181.html

    12.YSlow(Why slow?-为什么慢呢?)
    YSlow是一款用来分析网页,并提出前端性能改进建议的Firefox插件。YSlow依据预定义或用户自定义的规则为网页评级。它同时提供了许多性能分析工具,如:Smush.it? 、 JSLint。
    http://developer.yahoo.com/yslow/

    13.Page Speed
    与YSlow非常相似,Page Speed是google团队推出的一款用于评测网页性能的插件,尤其可以依据“网页性能最佳实践”对网页性能提出改进建议。
    Page Speed可以自动优化图片,并提供压缩版本。它也可以侦测到那些实际并未用到的Javascript和css,以便优化它们。
    Page Speed可是个1.3M的大插件,它还拥有许多优秀功能等你尝试。
    http://code.google.com/speed/page-speed/

    14.Pixel Perfect
    在制作网页时,在页面上添加一个新的设计元素(例如一个图片或图标)之前,我们往往希望提前看到元素添加后页面的整体效果。Pixel Perfect就可以帮你实现这个想法,它允许开发者在网页上覆盖你要添加的设计元素。使用它时你可以调整要添加元素的透明度和位置。
    我感觉这款插件也可用来做网页中元素的微调,以保证和最初设计蓝图一致,如它的名字,完美到一个像素都不差。
    http://pixelperfectplugin.com

    15.CodeBurnder
    安装CodeBurner后,可以再firebug面板中看到参考面板用来查询html元素、html属性、css属性,就像一个字典一样。
    当在Firebug中选中一个节点时,它也会提供一些相关的代码示例供你参考。
    http://tools.sitepoint.com/codeburner/

    16.FireUnit
    FireUnit提供了一个简单的API用来做简单的测试记录及单元测试。
    http://fireunit.org/

    17.FirePHP
    在FirePHP的帮助下,你可以通过调用一个简单的PHP方法,在Firebug中记录日志。
    数据是通过响应包头(Response Header)发送的,不会影响到网页内容。
    http://www.firephp.org/

    18.FireRainbow
    FireRainbow 可以用来控制、修改Firebug中Script的语法高亮显示。
    http://firerainbow.binaryage.com/

    19.FireDiff
    It adds a change monitor recording every change made, by Firebug and the website itself, to CSS and the DOM.
    它能够记录通过Firebug或网站自身的CSS或DOM的每一次改动。
    http://www.incaseofstairs.com/firediff/

    20.Jiffy Firefox Extension
    安装Jiffy Firefox Extension后会在Firebug中出现一个新面板,用来图形化显示Javascript的运行时间,并可打印出报表。
    看主页说明,使用好像还有点麻烦。感兴趣的朋友自己看下。
    http://billwscott.com/jiffyext/

    21.Hammerhead
    Hammerhead可以帮助你计算网页的载入时间。(这个好像Firefox本身具备啊)
    它支持多页面,并允许你清除磁盘或内存缓存后再进行载入时间测试。
    http://stevesouders.com/hammerhead/

    22.Firecookie
    Firecookie, 是一个嵌入在Firebug中的cookie浏览管理插件。
    如果在Web开发中用到了cookie,使用它可以轻松的浏览cookie值、过期时间等,有助于快速开发。
    使用它时需要在Firebug的网络面板中开启cookie监测。它可同时显示发送和接收的cookies。
    http://www.softwareishard.com/blog/firecookie/

    23.Firefinder
    在之前发布的一篇日志“一款快速查找页面元素的Firefox插件——FireFinder”,专门介绍过这款插件。不再多说,需要的话去看一下。
    http://robertnyman.com/firefinder/

    24.LiveCoder
    LiveCoder是Firebug的一个扩展,用来查看Firefox Chrome。这对与那些Firefox插件开发者非常有用,它可以帮你检查、修改Firefox插件的Dom。
    不知道国内是否开发Firefox插件的,否则就用不到了。
    http://getlivecoder.com/

    25.IETester下的DebugBar插件
    下载:install-debugbar-v5.2.2.rar

    26.EditPlus v3.11 Build 421 汉化版
    EditPlus 是一款功能强大的文字处理软件。它可以充分的替换记事本,它也提供网页作家及程序设计师许多强悍的功能。支持 HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript、VBScript 等多种语法的着色显示。程序内嵌网页浏览器,其它功能还包含 FTP 功能、HTML 编辑、URL 突显、自动完成、剪贴文本、行列选择、强大的搜索与替换、多重撤销/重做、拼写检查、自定义快捷键,等等… EditPlus v3.11.421 错误修正 ========== * 目录窗口保留上一次打开的文件夹图标 * “多次运行” 工具栏按钮 *…
    http://www.crsky.com/soft/1578.html

    27.Dreamweaver CS3,4扩展—jQuery自动提示
    下载地址:http://code.google.com/p/jquery-api-zh-cn/downloads/list
    续写…..

    28.CSS Usage 0.2.0 for firefox插件
    Firebug extension to view which CSS rules are actually used.
    下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/10704

    29.Library Detector for firefox插件
    探测网页中使用了哪些JavaScript框架,并在状态栏中显示其图标,鼠标悬停在图标上可显示详细信息
    下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/10083

    火狐插件主站搜索:https://addons.mozilla.org/zh-CN/firefox

  • 相关阅读:
    C语言枚举类型使用简介
    C实现单链表(转)
    不同数据库数据类型
    Informix 常用命令
    工作了
    修改route使用有线/无线同时连接内外网
    Perl 时间函数
    Linux 系统命令
    SQL SERVER 触发器示例
    Informix 函数
  • 原文地址:https://www.cnblogs.com/yingzi/p/2443445.html
Copyright © 2011-2022 走看看