- 浏览: 1589965 次
- 性别:
文章分类
- 全部博客 (2929)
- 非技术 (18)
- Eclipse (11)
- JAVA (31)
- 正则表达式 (0)
- J2EE (4)
- DOS命令 (2)
- WEB前端 (52)
- JavaScript (69)
- 数据库 (8)
- 设计模式 (0)
- JFreechart (1)
- 操作系统 (1)
- 互联网 (10)
- EasyMock (1)
- jQuery (5)
- Struts2 (12)
- Spring (24)
- 浏览器 (16)
- OGNL (1)
- WebService (12)
- OSGi (14)
- 软件 (10)
- Tomcat (2)
- Ext (3)
- SiteMesh (2)
- 开源软件 (2)
- Hibernate (2)
- Quartz (6)
- iBatis (2)
最新评论
WEB开发工具的使用已经非常普及,如果想要更方便于开发的话,不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具。
1.Firebug
Firebug是一款基于Firefox的浏览器扩展组件,它集成了网页CSS ,文档对象模型( DOM )和JavaScript调试技术于一身。并且Firebug特别对JavaScript调试部分做了重点规划,如果你侧重于JavaScript调试, 那么它是你不错的选择。
比如你可以方便的使用alert()进行断点调试,从而准确定位语法错误位置。另外可以帮助你利用DOM技术准确测试ajax代码的缺陷。
2.Web Developer
Web Develop是一款基于Firefox和SeaMonkey浏览器的扩展插件,它最大的特点是可以在菜单栏生成CSS选项,可以帮助你查看该网页CSS文件内容,方便保存及列表方式修改,是款不错的CSS开发工具。
3.YSlow
Yslow是一款由雅虎开发的Firefox扩展插件,并且可以与Firebug集成使用。本插件可以帮助你对网页进行优化,从而提高网页的加载速度。通过逐项分析网页中的js脚本、CSS、图像质量从而提出瓶颈部位,帮助你对其进行优化。
4.Internet Explorer Web Developer Toolbar
顾名思义,是一款由微软开发的IE扩展工具,功能与Firebug比较类似,最大的亮点在于可以针对不同的IE设置测试当前网页的显示效果,方便开发者调整在各种IE设置环境下网页的显示效果。
5.Fiddler Web Debugger
Fiddler是一款IE扩展插件,最大的特色在于网页显示性能分析及安全性分析。
6.DebugBar
DebugBar是一款基于IE的扩展插件,最大的特色在于可以通过电子邮件自动发送当前网页的截图到指定的邮箱,集成了色彩提取器及DCOM javascript代码分析功能于一身。
7.HttpWatch
一款基于IE、Firefox的扩展插件,侧重于HTTPS以及XML方面的分析及开发工作。
下面几款就不一一介绍了,功能大同小异,你可以到官方站去了解更详细的信息,找到适合自己使用的一款:
8.Live HTTP Headers
9.Web Accessibility Toolbar
10.Fangs
11.Venkman JavaScript Debugger
12.ColorZilla
13.FireShot
14.Web Inspector
15.FireFTP
发表评论
-
WEB 服务器调试利器 -- Tamper Data(转)
2009-07-29 08:53 720一. 简介 作为 Firefox 的插件, T ... -
图片和文字放一起,不能居中的解决方法
2009-07-29 14:47 915<td align="center" ... -
深入浅出URL编码
2009-08-11 19:58 609版权声明:如有转载请求,请注明出处: http://blog ... -
IE和Firefox之间的JavaScript差异
2009-08-17 17:18 560尽管 JavaScript 历史上使用冗长而令人生厌的代码块来 ... -
【CSS布局.2】绝对定位和相对定位
2009-08-20 15:51 572Absolute ,CSS 中的写法是:positio ... -
【CSS布局.1】盒子模型
2009-08-20 15:51 584例子: .box { width: 200px; ... -
【CSS布局.4】五种CSS布局类型
2009-08-20 15:52 613CSS 布局的五种类型概述 有五种基本布局定位类型可供选择: ... -
【CSS布局.3】列表样式定义法
2009-08-20 15:52 573CSS代码: .list{ margin: 0px 10 ... -
区别不同浏览器,CSS hack写法
2009-08-20 16:01 593区别IE6 与FF : backgroun ... -
常用CSS缩写语法总结
2009-08-24 17:55 632使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩 ... -
CSS颜色代码大全
2009-08-25 15:55 816CSS颜色代码大全 FFFF ... -
如何去掉ie里面的关闭按钮,和屏蔽ALT+F4 (转载)
2009-09-01 17:46 754去掉关闭按钮可以使用无边框窗口设计,不过IE6中已经不支持了。 ... -
CSS @import at规则
2009-09-02 10:40 652at规则 HTMLDog指南 > CSS高级指南 &g ... -
彻底弄懂CSS盒子模式之一
2009-09-02 17:05 649前言 如果你想尝试一 ... -
彻底弄懂CSS盒子模式之一
2009-09-02 17:06 586熟悉工作流程 在真正开始工作之前我们脑海中要形成这样一种 ... -
彻底弄懂CSS盒子模式之二
2009-09-02 17:07 578作者:唐国辉 实现原理动画演示:http://www ... -
彻底弄懂CSS盒子模式之三
2009-09-02 17:08 697一、下面请看float的精彩表演,有请。 大 ... -
彻底弄懂CSS盒子模式之五
2009-09-02 17:09 554在本人上一篇教程《彻 ... -
彻底弄懂CSS盒子模式之四
2009-09-02 17:09 650前言 在用CSS控制排版过程中,定位一直被人认为是一个难 ... -
CSS 盒模型
2009-09-02 17:11 569整理自:The CSS Box Model 中文:CSS 盒 ...
相关推荐
用于浏览器开发人员工具的FirePHP 该项目以与以下浏览器兼容的浏览器扩展的形式持有: Mozilla Firefox- ... Brave-(运行Google Chrome扩展程序) ... 该工具提供了用于浏览器扩展的运行时框架以及构建工具。 构建
WebApp 基于浏览器来实现的一种应用 HybridApp 一种可以下载的Native App,其用户界面的全部或者部分元素在嵌入式浏览器组件(WebView之类的)里面运行 优雅降级 一开始就构建站点的完整功能,然后针对浏览器测试和...
HTML我帮您打造微信小程序web可视化开发者工具为企业提供微信小程序开发工具,基于html5技术进行微信小程序开发。企业在线制作微信小程序,无需代码,轻松导出微信小程序代码。 HTML我帮您打造微信小程序web可视化...
React Web扩展样板 该项目旨在提供一个简单的样板,用于为最流行的浏览器(例如Chrome,Firefox,Opera,new Edge和其他基于Chromium的浏览器)编写浏览器扩展。 :party_popper: 产品特点Preact X或React (您可以在...
另一种是基于浏览器端运行时,如基于 Flash、Silverlight 等技术的 RIA 应用。前者占用的资源少,不需在浏览器上安装插件支持,后者界面更为美观,且便于实现一些较为复杂的展现功能。而且,因为 JavaScript 和 ...
JEECG(J2EE Code Generation)是一款基于代码生成器的智能开发平台。引领新的开发模式 (Online Coding-> 代码生成器 -> 手工 MERGE 智能开发),可以帮助解决 Java 项目 90% 的重复工作,让开发更多关注业务逻辑。既...
对于基于浏览器的Web,移动和混合应用程序,您可以使用 ,该扩展了AWS开发工具包,并提供了更简单和声明性的界面。在Node.js中安装适用于Node.js的AWS开发工具包的首选方法是对Node.js使用软件包管理器。 只需在...
Google Chrome是由Google开发的一款设计简单、高效的Web浏览工具。 注:此下载包括开发版(Dev)、测试版(Beta)、正式版(Final)以及部分旧版。 Google Chrome Canary版拥有新版 Chrome 的最新功能。 预先警告:...
MantraPortable渗透测试专用浏览器,无需卸载火狐浏览器,集成更多常用渗透测试插件,OWASP Mantra 是由 Mantra 团队开发,面向渗透测试人员、Web 开发人员和安全专业人员的安全工具套件 (基于浏览器, 目前是 ...
「Kiwi Browser」是一款基于开源项目 Chromium 开发的安卓端浏览器,最大的特色就是支持安装 Chrome 扩展,而且自带广告过滤功能。 Kiwi 浏览器与 Chrome 非常相似,但功能上更加丰富和强大,可以看作是一个增强版...
JsDbg:基于浏览器的调试扩展 JsDbg是一种工具,可为浏览器开发人员提供基于Web的平台,以进行本机调试器扩展。 浏览器开发人员可以使用此工具来可视化Web平台内的大型复杂数据结构,例如DOM树和可访问性树。 与特定...
5 浏览器扩展与插件的安全问题 105 5.1 插件 106 5.1.1 ActiveX 106 5.1.2 ActiveX的安全问题 107 5.1.3 ActiveX的逻辑漏洞 108 5.1.4 NPAPI、PPAPI 111 5.2 定制浏览器的扩展和插件的漏洞 113 5.2.1 特权API...
由Google开发的一款设计简单、高效的Web浏览工具。 【基本介绍】 Google Chrome是由Google开发的一款设计简单、高效的Web浏览工具。 Google Chrome的特点是简洁、快速。Google Chrome支持多标签浏览,每个标签...
最大特点是其开放,不仅拥有很多好的开发调试工具,且支持用户体验可扩展,有丰富的图形、多媒体及功能强大的Android浏览器。 本文在分析Android手机软件的开发原理及相关技术的基础上,开发基于Android平台的校园...
React Performance Devtool是一个浏览器扩展,用于检查React组件的性能。 它基于React使用window.performance API收集的度量来统计检查React组件的性能。 除了浏览器扩展之外,还可以在控制台中检查这些措施。 有关...
基于浏览器的集成开发环境,可视化和智能化的设计,能轻松完成常规应用和面向手机的移动应用开发。高效、稳定和可扩展的特点,适合复杂企业级应用的运行。跨平台、数据库和浏览器的架构,适应复杂的服务器和客户端...
基于Web的混合移动Web开发的可扩展模板 特征 用于构建Web和移动应用程序捆绑包的工具。 Vue 3 Composition API。 模块系统(受启发)。 在的帮助下自动更新依赖项。 随得更。 的单元测试和的e2e。 指令 浏览器中的...
FeHelper简直就是前端开发人员的神器,它是由国人开发的一款前端工具集合的小插件,插件功能齐全,基本上涵盖了前端从业者经常会使用到的基础功能,使用起来也很顺手。 Wappalyzer展示你访问的网页由什么技术栈所...
Selenium 是一个基于浏览器的自动化工具,它提供了一种跨平台、跨浏览器的端到端的web自动化解决方案。Selenium主要包括三部分:Selenium IDE、Selenium WebDriver 和Selenium Grid: Selenium IDE:Firefox的一个...
Google Chrome是由Google开发的一款设计简单 高效的Web浏览工具 原版 正式版 右键 属性 验证数字签名完整 下载Chrome企业和教育版 MSI封装 Google Chrome的特点是简洁 快速 Google Chrome支持多标签浏览 ...