美高梅官方网站66159

能够方便快捷的分析HTML页面的结构,开发人员可以快速定位页面的元素并查看HTML文档的结构、样式

作者:文章排名    来源:未知    发布时间:2020-05-02 09:38    浏览量:

Mozilla今天在博客宣布,Firefox 10版本中增加了一些新的内置开发工具,它可以让网站开发人员实时改变网页页面结构、布局和外观而无需离开Firefox,开发人员可以快速定位页面的元素并查看HTML文档的结构、样式,同时编辑器提供语法高亮特性,编写JS也变得更为容易。Firefox 10还引入了全屏幕API,让开发人员可以充分利用整个屏幕,并且对3D Web技术的支持也更好。

Dejan Cancarevic是一名优秀的网页设计者和开发人员,他精选了30个他经常使用的Firefox插件,这些插件都能很好的帮助网页设计者和开发人员,简化工作量,或是增加设计应用功能等等。

1、PowerBand

图片 1

  1. CSSMate - 在线的CSS编辑器扩展插件
  2. ViewSourceWith - 让你查看页面资源的Firefox扩展应用
  3. PicLens - 变换你的浏览器为一个三维的浏览环境来查看网页图片的Firefox扩展插件
  4. FireShot -强大的网页截图/截屏插件
  5. SeoQuake - 搜索引擎优化和网站推广插件
  6. Font Finder -简单的高亮一个事件并且左键点击弹出菜单可以查看CSS样式
  7. Live HTTP Headers - 在浏览网页的同时查看一个页面的HTTP头部信息
  8. Modify Headers - 允许你添加、修改或过滤http头部请求信息的Firefox扩展插件
  9. CSSViewer -一个简单实用的扩张,可以让你查看当前网页中任何部分的CSS代码
  10. EditCSS - 只需要右键点击就可以在浏览器的侧边栏中查看和编辑样式表代码
  11. Firebug - 查看,编辑和跟踪 网页上面的CSS, HTML和Javascript的Firefox插件
  12. View Formatted Source -为网页上的每一个元素格式化并使用不同的颜色高亮显示
  13. Professor X -让你不看源代码就能看到页面头部信息的Firefox插件
  14. CSS validator - 一键检查当前网页是否符合W3C CSS 标准的验证器插件
  15. Validaty -提供给你一个类似于validator.w3.org的校验器按钮
  16. Html Validator - 添加HTML校验器
  17. Copy as HTML Link -给选中的文本创建一个当前页面的HTML链接
  18. TableTools - 过滤、排序 HTML表格等的Firefox扩展插件
  19. CHM Reader - 让Firefox支持HTML编译文件的Firefox扩展插件
  20. PageDiff - 帮助网页设计者和开发人员在不同的网页之前查看页面源代码
  21. Clipmarks - 让你保存当前页面中的任何元素的Firefox插件
  22. SourceEditor - 查看和编辑HTML元素代码的Firefox扩展插件
  23. Total Validator -使用官方DTDs提供一个真正的HTML检查器的Firefox扩展插件
  24. LinkChecker - 检查任何网页上面的有效链接的Firefox扩展插件
  25. Web Developer - 添加一个菜单和工具栏,包含各种网页开发工具的Firefox扩展插件
  26. Style Sheet Chooser II - 让你选择网站作者为网站提供的候补风格的Firefox扩展插件
  27. View Dependencies -显示网页上面所有被装载的元素信息的Firefox扩展插件
  28. Accessibar - 可以轻松地操纵网页显示和文本语音输出的Firefox扩展插件
  29. Aardvark - 用来清楚网页的冗余信息和打印网页等功能的Firefox扩展插件
  30. JSview - 添加能够查看外部档案源代码的功能
    原文出处:

  PowerBand 是一个IE的插件(同时也支持MyIE2/Maxthon)。提供了对HTML动态分析,跟踪,编辑的功能。能够方便快捷的分析HTML页面的结构,有助 于网页设计人员/网站开发人员调试,分析晦涩的HTML代码。这是我最早使用的HTML开发辅助工具,现在是2.1版了,支持 ASP.NET ViewState的解码,支持DebugView,类似于VC中的Watch,通过这个功能能够显示页面中元素对象的详细内容。同 时,PowerBand也支持即时脚本交互功能。 下载PowerBand2.1

查看:Firefox Adds Powerful New Developer Tools

2、HttpWatch

(文/cnbeta)    

    HttpWatch又是一个IE下的强劲插件,HttpWatch最主要的功能就是对通过浏览器进行网络通讯的数据进行监控和分析,当你在浏览器的地 址栏上请求一个URL或者提交一份表单时,HttpWatch帮你分析http请求的head信息,访问页面的cookie信息,Get和Post的详细 数据包分析,Catch内容分析,QueryString分析。想知道GMail或者是任何一个AJAX网页时如何和服务器进行数据交互的吗?用这个插件 就可以一览无余了图片 2 下载HttpWatch3.2.0.63    下载注册机

3、IE Developer

  Toolbar 第三个插件还是基于IE下的,不过这个可是微软发布的Web开发IE工具栏, 实现的功能如下: 浏览和修改Web页的文档对象模型(DOM)。 通过多种技术方式定位、选定Web页上的特定元素。 禁止或激活IE设置。 查看HTML对象的类名、ID,以及类似链接路径、tab顺序、快捷键等细节。 描绘表格、单元格、图片或选定标签的轮廓。 显示图片象素、大小、路径、替代文字等。 即时重定义浏览器窗口大小到800x600或自定义大小。 清空浏览器缓存和cookie,被清除项可从所有对象或给定域中选择。 直接访问关联W3C规范参考、IE开发组blog或其他来源。 显示设计时标尺,帮助对齐对象。 官方下载

4、ViewPage

   ViewPage是MyIE2/Maxthon浏览器插件,这个插件不算是纯粹的开发辅助,它看起来更像是资源提取,可以方便的提取网页中的源代码,包 括所有框架的源代码,提取图像、Flash、媒体文件、链接,我最欣赏的就是能方便的查看页面中包含的所有js文件源代码和所有css源代码。 下载ViewPage1.2 for Maxthon

5、Web Development with Mozilla Firefox

  Firefox下的开发辅助工具和插件非常多,先说Firefox自带的吧。
    • 查看源代码(查看-〉页面源代码),Firefox自带的查看源代码支持语法高亮显示,这个功能很独特
    • 查看页面信息(工具-〉页面信息),这是基本功能了,不过有点简陋
    • Javascript调试台,这是Firefox的一大特色,是IE所没有的功能
    • DOM查看器,内置的DOM分析和查看工具,怀疑PowerBand和IE Developer Toolbar 都是模仿Firefox的这个做的

    Firefox自带的开发辅助功能虽然已很丰富,但让我更加垂涎的是丰富的开发类插件
    • 最著名的就是Web Developer了,这个插件几乎囊括了所有能实现的web开发辅助功能,微软的那个就像是模仿于它
    • Aardvark是一个CSS debug插件
    • Add & Edit Cookies,看名字就知道了,一个专门增加和修改Cookies的插件,相关的还有一个View Cookies是用来查看Cookies的插件
    • Colorzilla可以捕获当前鼠标所指的页面坐标位置和颜色,以及DOM路径
    • IE View and Opera View是两个专门在Firefox中用IE和Opera中打开一个页面的工具,方便你调试支持多浏览器的web
    • MeasureIt是一个Firefox中画坐标和度量尺的小插件,用它测量HTML元素的宽高很是方便 Live HTTP Headers是一个类似于HttpWatch功能一样的Firefox插件,用来查看HTTP Header、Cookie、MIME等信息,不过HttpWatch是收费的,这个确是免费的,推荐下载

6. ieHTTPHeaders v1.6

想知道当你浏览网页的时候,你的IE到底告诉了对方什么信息吗?ieHTTPHeaders 将为你显示出所有IE接收和发出的HTTP头部信息。

7.IE7与低版本的IE共存,Web开发人员的好工具:Multiple IEs

WEB标准很重要的一点也是最烦的一点就是需要兼容各版本浏览器,随着微软件IE7的推出,标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6版本,Multiple IEs的小软件,才10.3M,里面包括从IE3.0到IE6.0的所有版本,安装时可以选择,而且和IE7也没有冲突,对WEB开发人员来说这可是一个好工具.

下载地址如下:
http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe

8.IE7Pro

用于IE7浏览器的增强型插件“IE7Pro”。有了这个插件,IE7就可以支持更多人性化功能,像Maxthon等第三方浏览器一样更好地享受冲浪乐趣。随着IE7Pro的不断更新,IE7的功能也会越来越丰富。

上一篇:没有了
下一篇:没有了

更多新闻推荐

Copyright © 2015-2019 http://www.77zhth.net. 美高梅官方网站66159有限公司 版权所有