文档章节

15个有用的浏览器内的web开发工具

王大叔爱编程
 王大叔爱编程
发布于 2014/11/19 09:25
字数 1773
阅读 18
收藏 0
点赞 0
评论 0

推荐15个有用的在浏览器内的web开发工具

 

Firebug



 

Firebug 不用介绍了吧,大名鼎鼎的强大的Mozilla Firef 浏览器 HTML/CSS/DOM/JavaScript调试工具。可以点击这里查看JavaEye新闻以前对Firebug的报道:here

 

 

Web Developer



 

网页调试的辅助工具:Web  Developer  ! 它是运行在FF(指Firefox浏览器下同)环境中的插件,是目前公认为最为优秀的网页调试工具之一。Web  Developer作为FF的插件存在,主要功能表现在几个重要的方面:对页面中的文本、图像、媒体文件进行控制,对网页所应用的CSS文件的id与 class辅助查看,表格辅助查看,可以实现修改CSS文件实时显示出得到的页面效果等等。

YSlow



 

YSlow :YSlow 是由Yahoo 所发布的Firefox 扩展,其主要功能是依据高性能网站的标准来分析你的网页,并告诉你它慢的原因。这样,你便可以据此作出相应改进。

Internet Explorer Web Developer Toolbar



 

微软发布的IE的网页分析工具: Internet  Explorer Web Developer Toolbar.

 

微软官方列出的Internet Explorer Developer Toolbar的主要功能如下:
    * 查看和修改页面中的DOM对象
    * 通过不同的形式定位和选择页面中的元素
    * 开关指定的IE设置项
    * 查看HTML元素的class、ID、链接的路径、tab index和access keys等
    * 高亮显示表格、单元格、图像和指定的标签
    * 校验HTML、CSS、WAI和RSS等
    * 查看图片尺寸、文件体积、路径信息以及ALT文本等
    * 以指定的分辨率查看网页
    * 删除指定域名的cookies和缓存
    * 可精确量度页面对象尺寸的标尺
    * 查找样式规则并修改元素的样式值
    * 以格式化和高亮的形式显示HTML和CSS代码

 

Fiddler Web Debugger



 

HTTP抓包工具有很多,比如 HTTP Debugger Pro, EffeTech HTTP Sniffer,但是都不是免费的。推荐 免费的HTTP抓包分析工具:Fiddler 可以帮助你直接追踪HTTP包和内容,帮助你测试调整架构。

DebugBar



 

DebugBar IE浏览器的CSS调试工具DebugBar,详情查看JavaEye新闻以前报道过的:DebugBar.

Jean-Fabrice Rabaute目标就是在IE浏览器上面构建出来一个可以媲美FireFox浏览器上面的FireBug的工具,他把这个可以调试CSS,JS的工具集成为DebugBar项目。

HttpWatch



 

HttpWatch  强大的网页数据分析工具。集成在Internet  Explorer浏览器中。只需要选择相应的网站,软件就可以对网站与IE之间的需求回复的通讯情况进行分析并在同一界面显示其相应日志记录。每一个  HTTP记录都可以详细的分析其 Cookies、消息头、字符查询等信息。支持HTTPS及分析报告输出为XML、CSV等格式。

Live HTTP Headers



 

Web黑客工具箱之:Live HTTP Headers   a Firefox 扩展。 当我们测试Web应用程序的安全性的时候,经常需要对HTTP流量进行分析和动态修改。此外,取得对Web  应用程序流出和流入的数据的控制权不仅对Web 应用程序安全缺陷的发现和漏洞的利用等安全测试任务具有很大的帮助,而且还有利于常规的Web  应用程序测试。LiveHttpHeaders,有了这个Firefox扩展,我们不必架设代理服务器就可以方便地分析和操纵HTTP流量。

Web Accessibility Toolbar



 

 Web  Accessibility Toolbar  免费的IE和Opera扩展。Web Accessibility Toolbar  是一款用于高级用户或者网络开发者的帮助其检查结构,组成并且提供任何给定网页可利用功能的工具.该软件作为 IE或Opera  浏览器的一个工具栏安装,提供若干个用于检查样式表,表格,框架,图像和其它网页元素的综合性工具,以及广泛的多样化测试和被其它网站提供的功能,包括链 接检查, HTML 确认,页面下载速度,颜色模拟,页面分辩率以及更多方面的功能.是一款适用于网络开发者的非常好的工具箱.

 

Fangs



 

Fangs 是一个 处于browser内的工具,支持Firefox,能够在浏览网页的时候模拟屏幕阅读器所“看”到的内容。这个工具很有用,能够迅速分析结构话你的网页内容,让视觉不好的人更容易理解和使用,而不需要强制你学习使用屏幕阅读器比如 JAWS 或者 Windows Eyes.

 

Venkman JavaScript Debugger



 

Venkman  是一个代码名称,用于Mozilla内部使用的JavaScript调试环境。为啥叫做Venkman,按照网上解释的,Javascript所出的 bug经常神出鬼没,象鬼一样很难逮住。而Venkman是著名的打鬼专家,跟钟馗一个意思。这个Firefox工具很牛的,实时查看变量的值,设置断点 (可编程,很强大),动态修改变量的值,它自己还有一套命令可以直接调用页面上的对象等等。

 

ColorZilla



 

ColorZilla  是一个异常简单,非常有用的Firefox扩展。拥有高级吸管、取色器、页面缩放和其他色彩应用功能。利用 ColorZilla  您可以从浏览器中的任一点读取色彩值,快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。内建的调色板浏览器允 许您从预定义的颜色集中选择颜色或将最常用颜色保存到自定义调色板。DOM 侦测功能让您可以快速、容易地获得关于 DOM  元素的各种信息。还有更多功能……

FireShot



 

FireShot  支持Firefox和IE。Fireshot来源于截图软件Screenshot  Studio的开发商,是一个Firefox扩展或者说是Firefox版的Screenshot  Studio(一款很强大的且与众不同的截图软件),用于创建网页截图。重要的是,Fireshot与Screenshot  Studio不同,它是免费使用的。如果你仅需要网页截图和简单的编辑,Fireshot就是最好的选择。FireShot截图可以保存到磁盘,格式可以 为PNG、JPEG和BMP,也可以保存在粘贴板中,或者使用邮件发送给他人。

Web Inspector



 

Web Inspector  是开源浏览器Webkit的一部分,Web  Inspector是Safari上最强大的调试器之一。支持Elements和Resources外,增加了令人振奋的Scripts调试和 Profiles功能,以及一个很上流的功能Databases(一个用来调试HTML5的Database storage)。建议阅读:safari Web Inspector 更新了

 

FireFTP



 

FireFTP 免费的跨平台Firefox插件用于FTP 传输文件。FireFTP 是出品 LiteServe/LiteWeb/LiteFTP 等工具的公司又一个新简单小巧,且容易上手的 FTP 客户端工具,支持多线程文件传输。


本文转载自:http://www.iteye.com/news/4254-15-useful-web-browser-with-the-development-tools

共有 人打赏支持
王大叔爱编程

王大叔爱编程

粉丝 32
博文 113
码字总数 63525
作品 0
成都
程序员
对Web设计和开发人员有用的15个Chrome插件

最近我才把谷歌浏览器设为默认浏览器,而与此同时我开始将它用 于我的兼职Web设计和开发项目中。由于我所依赖Firebug的插件,在Chrome浏览器并没有完全的对应插件,所以我还是时不时要用Fir...

jobBole
2011/02/18
1K
2
[Share]2008年国外最佳Web设计/开发技巧、脚本及资源总结

今天是2008年的最后一天,彬Go为大家奉上今年的最后大餐,这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等,有一些是曾经彬Go发表过的翻译文...

吞吞吐吐的
2017/10/05
0
0
[荐] 为开发者准备的 29 个顶级 CSS 工具和应用

当你需要编辑或改变网站设计时,CSS 起着重要的作用。 透过一些 CSS工具可以让新手开发人员和设计人员轻松地学习这门语言和它的功能。 今天,我们为你编制了30个有用的CSS工具和应用程序。使...

oschina
2012/08/23
11.2K
20
分享20个非常有用的Web开发工具和框架

在开发中借助一些非常好用的工具可以帮助你节省大量的时间和精力。本文收集了20个非常有用的Web开发工具和框架,分享给大家,希望对你有帮助。 1. Blueprint Blueprint 是一款CSS框架,可以帮...

未来十年
2012/01/10
0
0
23大无需编码的"傻瓜式"应用构建平台!

  【IT168 资讯】有大量的应用程序构建平台可以创建和开发应用程序,而不会破坏规则或要求使用者知道如何编码。相反地,开发者在使用中可以快速创建移动应用程序,并且可以使用教程和丰富的...

it168网站
2017/12/04
0
0
[译]Web设计者和开发者必备的28个Chrome插件

摘要 对于许多Web设计者和开发者来说,Firefox浏览器是无法超越的,对于其他人Chrome正在蚕食Firefox的浏览器市场。 在过去的两年,谷歌Chrome浏览器的发布以来,引起了人们激烈争论究竟哪个...

长平狐
2012/06/11
91
0
最受欢迎的十款 AngularJS 开发工具

AngularJS 是 Google 推出的一款 Web 应用开发框架。它提供了一系列兼容性良好并且可扩展的服务,包括数据绑定、DOM 操作、MVC 设计模式和模块加载等,同时也是那些想要以动态形式开发 Web ...

葡萄城控件技术团队
2017/01/13
6.1K
3
使用hostd为移动设备切换域名

lz的有个朋友最近在做移动开发,聊到移动设备上要切换开发和线上环境比较麻烦。在PC上我们一般修改hosts,但是在移动设备上修改hosts不太方便(需要ROOT、越狱等,修改起来也不方便)。因为之前...

黄亿华
2013/06/03
334
2
17 款提高编码效率的 CSS 工具

摘要:作为WEB前端开发人员,你的工作可能很大一部分都在编写CSS代码,为了提高前端开发人员编写CSS代码的效率,编程文库从 网上搜集了17款可以提高你CSS代码效率的CSS工具,它们可以帮助你快...

ruby_chen
2013/06/26
5.3K
15
20个最受欢迎的 AngularJS 开发工具

     AngularJS 是那些想要以动态形式开发web应用的开发者最喜欢的框架之一。如果你是一个开发者希望基于AngularJS启动一个项目,你需要筛选众多的工具。   为了减少使用AngularJS开发...

Web前端开发
2017/03/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

217. Contains Duplicate - LeetCode

Question 217. Contains Duplicate Solution 题目大意:判断数组中是否有重复元素 思路:构造一个set,不重复就加进去,重复返回true,如果数据量大的话,可以用布隆过滤器 Java实现: publ...

yysue
9分钟前
0
0
istio 处理失败

Envoy提供了一套开箱即用的选择加入故障恢复功能,可以通过应用程序中的服务进行利用。功能包括: 超时 具有超时预算和重试之间的可变抖动的有界重试 限制并发连接数和对上游服务的请求 对负...

xiaomin0322
10分钟前
0
0
eclipse解决git冲突举例

本地修改了两个文件,提交时提示有冲突,想来应该是没有从远程仓库下载最新代码导致的。通过右击项目 -> Team -> Sychronized WorkSpace,比较本地仓库和远程仓库的异同:   此时没有更好的...

Code辉
18分钟前
0
0
运行.jar后缀的文件

前提必须安装了jdk,正确配置环境变量。 在dos窗口执行以下命令即可。 java -jar C:\Users\10492\Desktop\turn.jar

haha360
21分钟前
0
0
Java程序员如何做代码压力测试?【JWordPress前台项目实战】

代码 pom.xml文件引入包 <dependency><groupId>com.taobao.stresstester</groupId><artifactId>stresstester</artifactId><version>1.0</version></dependency> 编写测试代码 /**......

迷你芊宝宝
26分钟前
0
0
面试宝典-什么是缓存穿透?

缓存穿透是说收到了一个请求,但是该请求缓存里没有,只能去数据库里查询,然后放进缓存。 这里面有两个风险,一个是同时有好多请求访问同一个数据,然后业务系统把这些请求全发到了数据库;...

suyain
32分钟前
0
0
vue基础知识练习2

一、发送AJAX请求 <div id="demo1"><button @click="send">发送AJAX请求</button><button @click="sendGet">GET方式发送AJAX请求</button><button @click="sendPost">POST方式发送A......

一个yuanbeth
34分钟前
0
0
Xamarin Essentials教程磁力计Magnetometer

Xamarin Essentials教程磁力计Magnetometer 磁力计也叫地磁、磁感器,可用于测试磁场强度和方向。在手持设备中,通过磁力计可以计算设备的左右、前后倾斜角度,广泛应用于手机各种的应用中。...

大学霸
38分钟前
0
0
mesos:Authentication timed out

最近当slave开始慢慢部署异地集群的时候又碰上了这个问题 I0717 10:27:11.695762 28852 slave.cpp:895] New master detected at master@192.168.2.161:5050I0717 10:27:11.695811 28852 sl......

xueyi28
45分钟前
0
0
赋予用户库的读写权限

1、创建用户 CREATE USER 'test'@'%' IDENTIFIED BY '15ht46389012t'; #'%' - 所有情况都能访问;‘localhost’ - 本机才能访问;’192.168.1.2‘ - 指定 ip 才能访问 2、赋予权限 grant al...

xixingzhe
45分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部