少了这些工具,JavaScript将变得更难于使用

译文
开发 开发工具 前端
作为一款人气极高的Web开发调试工具,Firebug(萤火虫)的设计灵感源自之前出现的多款实用程序。

作为一款人气极高的Web开发调试工具,Firebug(萤火虫)的设计灵感源自之前出现的多款实用程序。

[[86780]]

现实世界中的萤火虫对Web开发工作可没什么帮助。

近些年来,JavaScript正以铺天盖地之势席卷而来。即使不能位列使用最为广泛的编程语言头名,它也绝对算得上普及度***的语言之一。原因很简单,无数技术人员需要在日常工作中与它频频接触。然而JavaScript最让人难以接受的因素,在于它缺乏必要的调试能力。

当然,这一弊端已经随着Firebug于2006年的出现而逐步化解。作为一款人气极盛的火狐扩展工具,Firebug能够帮助开发人员在浏览器当中对HTML、CSS以及JavaScript进行调试。与起初相比,JavaScript与Web开发流程已经不那么令人头痛。

作为一位Web开发人员,大家几乎肯定听说过Firebug的名头。但对它的历史,各位也许就不甚了然了。如果感兴趣,朋友们不妨点击此处阅读Mozilla公司开发人员Mike Ratcliffe最近撰写的回顾性文章,其中详细描述了Firebug的前世今生。

Firebug于2006年由Joe Hewitt一手打造,他同时也是火狐浏览器的原始开发者之一。根据Ratcliffe的说明,以下几款扩展及工具给Firebug的不同组件带来或直接或间接的重大启发。

Venkman JavaScript Debugger——这款JavaScript调试工具专门针对Mozilla出品的浏览器,创建于2001年(没错,其名称正是来自Bill Murray在<捉鬼敢死队>中塑造的角色‘Peter Venkman博士’),并成为Firebug中JavaScript调试工具的原形。

View Source Chart——Firebug的HTML层正是基于这款火狐插件,作用是以分层方式显示底层HTML。另外,分组标签也被嵌入到类似的层当中。

Console²——很多人更乐于将其直接称为Console平方,它直接启发Firebug创造出自己的Console层。它能够通过类型、语言及背景环境对错误进行过滤,其中包括错误出现的具体行数以及与源代码中的哪一行直接关联。

Aardvark——这款火狐扩展催生了Firebug中的***功能之一:允许开发人员查看底层源代码,并且通过将鼠标悬念在HTML页面中的特定元素上来执行各种操作(例如变更CSS)。

MochiKit JavaScript Interpreter——Firebug自己的JavaScript解释器在设计灵感上正是源于这套轻量级JavaScript库,它允许开发人员在访问DOM的同时运行JavaScript命令。

Ratcliffe还在文章中回顾了Firebug扩展的成长历程与发展编年史,对于在编程工作中经常使用这款工具的朋友来说,这绝对是一篇不容错过的精彩论述。

原文链接:http://www.itworld.com/cloud-computing/374840/without-these-tools-you-might-hate-javascript-lot-more

责任编辑:陈四芳 来源: 51CTO
相关推荐

2020-02-27 13:43:14

Emacs俄罗斯方块应用

2024-11-13 08:52:37

2021-05-06 09:59:27

Rust恶意软件网络安全

2018-03-07 10:07:50

笔记本电脑卡顿

2018-03-16 10:36:56

SSD固态硬盘闪存

2019-11-11 13:16:56

安全网络风险管理技术

2013-08-01 09:09:39

大数据

2020-09-02 09:25:23

迁移公共云数据

2023-05-06 12:57:34

Python工具

2019-12-17 08:00:12

Kubernetes工具计算平台

2024-10-21 09:07:52

2017-02-13 11:57:17

敏捷开发

2024-12-04 10:52:52

铠侠

2013-09-10 14:44:31

轻盈IT戴尔微软

2022-03-08 14:02:35

GuavaMapjava

2021-04-20 07:39:29

JavaScript 前端数组拆分

2020-09-17 12:34:54

Python文件操作

2015-09-15 13:49:41

2023-05-24 16:24:40

机器学习大数据

2018-03-23 12:54:45

机器学习研究重现TensorFlow
点赞
收藏

51CTO技术栈公众号