开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

有没有像"Firebug for IE"(用于调试JavaScript)？

当然有！在IE浏览器中，您可以使用"Developer Tools"来调试JavaScript。以下是如何在IE浏览器中打开和使用Developer Tools的步骤：

打开IE浏览器。
按F12键或点击浏览器右上角的"开发人员工具"图标。
这将打开"Developer Tools"窗口，您可以在其中查看和调试JavaScript代码。

"Developer Tools"提供了许多功能，如查看和编辑HTML元素、CSS样式、JavaScript代码、网络请求、性能分析等。这些功能可以帮助您诊断和解决网页中的问题。

需要注意的是，IE浏览器已经不再是主流浏览器，因此我们建议您使用更现代的浏览器，如Google Chrome或Mozilla Firefox，它们提供了更强大的开发者工具和更好的兼容性支持。

相关搜索:使用Firebug调试JavaScript事件为IE调试javascript 适用于IE的Firebug替代品是否有像Firebug这样的调试工具用于服务器端Perl/CGI？在IE7中调试JavaScript 无法在IE 11上调试javascript 如何使用Firebug或类似工具调试JavaScript/jQuery事件绑定？如何调试用于IE代理设置的Javascript proxy.pac文件？调试IE Javascript替换innerHTML运行时错误不在firebug中调试javascript代码会引发错误，否则将正常工作用于在IE中运行javascript的VBA 使用断点来调试IE和VS中的Javascript 在IE上调试Javascript的最佳方法是什么？php中有没有替换函数？像javascript replace()使用Visual Studio 在IE中启用JavaScript调试器有没有办法在IE中打开javascript链接？javascript中的GET请求仅适用于IE Android Studio有没有像xcode一样的视图调试功能？javascript(jQuery)的问题.适用于Firefox,但不适用于IE 有没有像javascript一样解构self对象的方法？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Firebug入门指南

据说，对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一。

02

Web 开发常备工具

工欲善其事，必先利其器。如今 Web 开发标准越来越高，Web 开发者也在不断寻找途径提升自己的技能。为使大家的开发工作更顺利进行，本文整理了 10+ 款比较优秀的 Web 开发工具，希望对你有帮助。

08

几款浏览器JavaScript调试工具

WEB开发工具的使用已经非常普及，如果想要更方便于开发的话，不妨看看本文介绍的15款基于浏览器扩展的WEB开发工具。 1.Firebug 　　Firebug是一款基于Firefox的浏览器扩展组件，它集成了网页CSS ，文档对象模型( DOM )和JavaScript调试技术于一身。并且Firebug特别对JavaScript调试部分做了重点规划，如果你侧重于JavaScript调试，那么它是你不错的选择。　　比如你可以方便的使用alert()进行断点调试，从而准确定位语法错误位置。另外可以帮

03

JS调试工具，万能的Console，你知道还能这样玩吗？

Console在我们开发中应该使用很频繁并且都会用的一个工具，确实好用。但是你真的会用吗？可能有些用法你到现在都还不知道，那么今天我来给各位分享一下Console的比较具体的玩法，助你开发调试更容易。

02

破茧重生！重新定义Chrome开发者工具

你有没有看过DevTools工具箱里还有什么其他的工具可供你使用？你可能在重复使用同样的几个面板--我知道我是这样的！但是，你知道吗？

Firebug中的console tab使用总结

Firebug对于Web开发人员来说，已经成为了不可或缺的工具，但是在我日常的工作中，常常感觉还没有能够深刻的挖掘出她的潜力，今天花了点时间仔细研究了Console和命令行的使用在提高工作效率方面的作用，

02

Firebug 折腾记_(1) 安装及简介

Firebug是Firefox下一款知名的插件,目前稳定版本是2.X,alpha版本是3.X(装了.完全看不懂–适用于FF44+,也就是测试版本); 功能主要用于调试网页中的错误,修改代码及实时查看效果;

01

调试工具-Firebug学习资料

2016-05-0418:42:36 发表评论 154℃热度 Firebug 这里是内容它是WEB调试工具之一，是网页浏览器 Firefox 下的一款开发类插件。它集HTML查看和编辑、JS控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。掌握Firebug的使用，可从各个不同的角度剖析Web页面内部的细节，给Web开发带来极大的便利。由于最近在观看各大博客，企业等的的网站，学习他们代码里面的精髓，顺便看看源代码，有时候自己也要调试网页，火狐的Firebu

07

chrome插件开发教程[特别实用的几个网站]

越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。

03

你不喜欢火狐，但又喜欢firebug，那就跟我一起来在IE上使用firebug吧

2、在任意页面点击刚才添加的收藏，然后等一会，就会在页面右下角看到一个firebug的小按钮，然后点击它即可。

01

Firefox扩展开发（插件开发） Extension开发入门教程 5步走五步走

首先需要知道什么是“Firefox插件”。这里说的“插件”只是一个通俗的说法，其实Firefox这种扩展功能的“插件”包括：扩展extension和插件plugin。 {tip:title=Handy Hint} Firefox官方网站的解释是:Extensions are small add-ons that add new functionality to your Mozilla program. Plugins are programs that allow websites to provide

03

springMVC下的javascript调试

最近想弄一个hadoop的管理界面，所以在网上下了一个名为jeecg的快速开发平台，由于工作之后没有用过java做网站，遇到了好多小问题，其中一个就是现在要说的javascript脚本调试的问题。说来也奇怪，其实我也分辨不出来这到底是因为是springMVC,还是easy ui 给屏蔽掉的，找自己在自己的页面上的那段javascript脚本异常费劲，可能这个真是是因为springMVC的缘故吧，因为右键出来的页面地址就是带有xxx.do这样的，而不是真是的jsp页面，所以看不到源码。这可怎么办呀，愁死

03

禁用Firefox自带的元素查看工具

对于web前端工程师来说，用Firefox+Firebug进行CSS和JavaScript的调试已经是非常熟悉和习惯了。如今，新版本的Firefox中又内嵌了一个元素查看工具（图1），类似Firebug，但是初步体验下来，功能远不如Firebug（图2），使用起来也远不如Firebug方便。但是右键菜单中的两个“查看元素”选项（图3），常常一不小心就按错了。这个新增的内置元素查看工具，不但没有给我带来便利，反而造成了许多不便。幸好，我们可以轻松地禁用它。禁用新版Firefox自带的元素查看器的方法很简单

08

巧用FireFox来调试Silverlight

做前端开发的朋友应该对FireFox再熟悉不过了，FireFox有一个附加组件FireBug。在HTML中可以直接写 <script type="text/javascript"> console.log("test");</script> 这样在底部的控制台就能直接看到输出的值，他的作用就好像Visual Studio中的Console.WriteLine() 一样。我们在Silverlight中就可以直接调用这个js方法实现调试。 var console = (HtmlPage.Window

使用weinre调试手机页面

Weinre（Web Inspector Remote），是一种远程调试工具。功能与Firebug及chrome调试器类似，可以帮助我们即时更改页面元素、样式，调试JS等。

03

console.log的那点事儿

除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。比如，以下代码将在控制台中打印”Sample log”：

01

大福利！献给网页开发者的20款Firefox插件

毫无疑问，比起其他浏览器，谷歌浏览器虽有着明显的优势，但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱，为了尽可能地提高用户体验，火狐浏览器的社区在插件开发和运用上有着丰富的经验，说它是网站开发者的

想入门web前端开发，并且学好，你必须知道的十大开发工具

在网站制作和开发的过程中，其实有很多的辅助咱们开发的工具，使用这些工具会让咱们的开发更为方便，提高工作效率，从事开发第六个年头了，接下来为大家分享一些常用工具，专家建议：收藏一波！

00

js调试console.log使用总结图解

如果你js没到一个境界，我就算教你调试bug，激活成功教程一些插件之类的，你也根本不知道我在做什么。我的目的只是让你认识控制台，让你入门调试，之后的路还得靠你们自己走。

02

29个前端工程师和设计师必备的Chrome插件

Google Chrome是最好用的几个浏览器之一，自从2011年11月份赶超Firefox之后，已成为当今互联网的主流浏览器。今天，我来分享下自己收集的一系列Chrome插件，希望能够提高大家的工作效率。以下插件均可在Chrome 网上商店中找到。

02

按下F12自动跳转到自定义网页

具体效果可以参考本站,当然这个只能防小学生了。 (因为开启后连自己都无法调试了，所以关了) (但将这个运用在单页上还是挺好的)

03

一文道尽JavaScript 20年的发展史

在过去的几个月里，我通过Node 8，Webpack 4和Babel 7提供的本地工具学到了很多关于现代JavaScript和CSS开发的知识。作为其中的一部分，我正在进行第二次“重新认识JavaScript”。我在1998年首次学习JS。然后在2008年重新开始，在“The Good Parts”年代，Firebug，jQuery，IE6兼容性，以及最终成熟的Node生态系统时代。在那个时代，我在网上编写了一个最广泛部署的一个JavaScript前端系统。

03

10个最好用的HTML/CSS 工具、插件和资料库

大家在使用HTML/CSS开发项目的过程中，有使用过哪些工具，插件和库？下面介绍的10种HTML/CSS工具，插件和资料库，是国外程序员经常用到的。

08

Google AJAX APIs Playground 2.0

Google AJAX APIs Playground 是 Google 推出的一个在线调试 Google APIs 的工具，AJAX APIs Playground 包括大部分 Google 流行的 API，如地图，搜索，Feed，日历，可视化，翻译等等，并且还包含了很多例子程序让你很快就能上手 Google API，这个工具能够让你保存你修改过的代码，并且还可以导出你自己的代码，是你使用 Google API 不可多得的好工具。最近 Google 把 Google AJAX APIs Playground 升级到2.0，新版本除了 UI 改进之外，还添加了以下新功能：

02

JavaScript学习笔记（一）——JS基础知识介绍

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

02

通过 Mac 远程调试 iPhone/iPad 上的网页

我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具（如最著名的 Firebug）对前端开发进行调试，而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯，直接对网页调试非常不方便，所以一直没有 Web 检查器这一类工具，但是 iOS 6 的发布解决了这个问题。

02

JavaScript全栈开发-工具篇（下）

文章目录四、测试工具 1. 单元测试单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。常见的单元测试工具有： * QUnit * NodeUnit 1.1 前端单元测试QUnit 首页：http://qunitjs.com 源码：https://github.com/jquery/qunit QUnit是jQuery团队开发的JavaScript单元测试工具，功能强大且使用简单。目前所有的JQuery代码都使用QUnit进行测试，原生的JavaScript也可以

02

分享11款主流的开源编程工具

导读：有了开源编程工具，在基于开源许可证的情况下您可以轻松学习、修改、提高代码的质量，本文收集了11款最主流的且有价值的开源编程工具。或许会给您带来一丝惊喜。一起来看下吧。 NO.1 Rhomobil

07

使用Firefox轻松调试JS

Firefox调试JS的功能真的很不错，推荐一下！在页面上点击右键，再点击“查看元素”，如图：

02

漏洞挖掘——实验11 侧信道攻击+TCP/IP实验

1、用IE访问某些网站的时候，输入javascript:alert(document.cookie)会有什么反应，解释原因。

03

web系统性能及规范检测笔记

关于javascript的语言特性，Douglas Crockford在蝴蝶书里面写过：“一些特性因为规范的不完善而可能导致可移植性问题，一些特性会导致代码难以阅读或修改，一些特性诱使我们追求奇技淫巧但却易于出错，还有一些是语言本身设计错误”。

02

web系统性能及规范检测笔记

本文讲述如何利用代码规范、代码审查、工具检测、性能优化等手段来提高Web性能。通过这些方法，可以提高网站加载速度、减少服务器压力、提高用户体验和开发效率。

06

通过一段JS代码简单防止别人扒自己的网页，精髓在后面！

有个神奇的东西叫做审查元素，按下神奇的F12，就是见证奇迹的时刻。审查元素真的是一个强大功能，有的时候看中别人网站的某个样式做的比较好，按下F12审查元素来查看别人的代码，统统扒过来。那么如果防止别人查看自己网站的代码，扒代码呢，当然，也只是防新手而已~心理安慰~

04

前端大牛们都学过哪些东西？

单纯的技术层面也就是上述的那些个东西。如果某个同学都学会了上面的那些东西，是不是就能完全的胜任前端开发工作呢？

03

DevTools 实现原理与性能分析实战

从 2008 年 Google 释放出第一版的 Chrome 后，整个 Web 开发领域仿佛被注入了一股新鲜血液，渐渐打破了 IE 一家独大的时代。Chrome 和 Firefox 是 W3C Web 标准的坚定支持者，随着这两款开源浏览器市场份额逐渐加大，迎来了开发者的春天。这就迎来了一个新的职业分工——前端工程师 frontend-engineer，前端工程师促进了 Web 应用的繁荣，功能强大的调试工具必不可少。Google 基于开源的基础上顺势推出了 DevTools，广受网页开发者的好评，随即也推动了 Chrome 的在商业的成功。

03

史上最全的前端资源大汇总

目录 ---- 首先我们先来看一下文章的分区，以方便我们进行检索。 PS: 内容超长，请注意！前言目录入门类 HTML 5 部分 CSS 3 部分 JQuery Angular JS React Vue Node JS JS Template 移动端移动端 API 综合 API 其他 API 综合类工具类综合效果搜索平台团队 BLOG 开发中心 ECMAScript D3 RequrieJS SeaJS Less & Sass Markdown 兼容性 UI相关图表类正

06

程序员的你是否熟练掌握Chrome开发者工具？

回归正题，本文主要是介绍一下Chrome developer tool(开发者工具)的使用，以方便我们的日常开发与调试。其实在没用Chrome开发之前就时不时的听到类似这样的话：“别用IE，IE太low了，用Chrome吧”。如今,我用过Chrome后才切身体会到，Chrome浏览器无疑是最受前端青睐的工具，原因除了界面简洁、大量的应用插件，良好的代码规范支持、强大的V8解释器，javascript执行速度和内存占有率表现非常优秀之外，还因为Chrome开发者工具提供了大量的便捷功能，方便我们前端调试代码，我们在日常开发中是越来越离不开Chrome，是否熟练掌握Chrome调试技巧恐怕也会成为考量前端技术水平的标杆。

04

JavaScript全栈开发-工具篇

作者：龙付成--腾讯高级前端工程师 @IMWeb前端社区目录 JavaScript早期主要作为脚本语言运行在浏览器，而现在JavaScript的使用范围已经超越浏览器，向通用系统语言发展。特别是HTML5的出现，浏览器的平台化，Node.js开源项目的发展，NoSQL技术的发展，JavaScript逐渐成为跨移动平台应用程序及跨平台桌面应用程序的开发语言。 JavaScript标准有两类，一种是作为浏览器上通用行业标准的ECMAScript标准，另一种是作为浏览器外的桌面、服务器的标准CommonJS标

02

JavaScript屏蔽右键F12和Ctrl+U等绝大部分按键

网站被别人抓包？被别人审查？被别人扒？代码直接插入网页，不会的话，百度一下。 <script type='text/javascript'> //屏蔽右键菜单 document.oncontextmenu = function (event) { if (window.event) { event = window.event; } try { var the = event.srcElement; if (!((the.tagNam

01

javascript简介，什么是 JavaScript？，JS的特征，开发环境

当 Netscape Navigator 崭露头角时，Nombas 开发了一个可以嵌入网页中的 CEnvi 的版本。这些早期的试验被称为 Espresso Page（浓咖啡般的页面），它们代表了第一个在万维网上使用的客户端语言。而 Nombas 丝毫没有料到它的理念将会成为万维网的一块重要基石。

06

Firebug Command Line 的使用技巧

Commandlinie是Firebug中总有用的一个特性。如果你有Microsoft Visual Studio的使用经验，你就会知道“Immediate Window”

03

WordPress 限制文章复制 F12 右键等功能

当下浏览器还是很多的，如果你想你的网站内容不被人手工采集的话，你的图片不想被人另存为或下载的话，我们完全可以禁止右键，禁止全站复制；这样的话：无论是想右键查看源代码还是图片另存为都做不到了，连网站文字选中也做不到；下面教大家一种方法有效禁止限制功能！

02

保护客户端JavaScript应用最有效的方式

像Javascript的客户端技术中，存在许多有用的特色。这是造就了它为世界上最受欢迎的编程语言的原因。Javascript特色突出许多优点，其一便是即时编译。这有一些益处，比如，浏览器可以边下载内容边执行代码。不过，这种层次的自由也来了责任。

02

移动端网页调试

自2019.05.22日离职以来，自己在家浪了两天。然后发现，浪也该浪够了，该收心找下工作了。于是屁颠屁颠的拿起了《在你身边为你设计》这本书看了一下午，看到移动端调试这里，略有感受，于是提取了下内容

03

禁止F12代码，HTML页面应用

const handler = setInterval(function () { console.clear(); const before = new Date(); debugger; const after = new Date(); const cost = after.getTime() - before.getTime(); if (cost > 100) { } }, 1);

03

12个前端开发必备开发的工具

在这篇文章中，我们向您展示了一个将工具和服务分类为bucket的框架，它可能会在前端开发过程中对您有所帮助。在每个类别中，我们都会讨论一个受欢迎的选择，同时也会给您一个可供选择的选择，以防您不同意我们最初的选择。让我们毫不迟疑地进入面向前端开发者的工具和服务的世界。

02

网站那些阻止F12所遗留的彩蛋

看到好看的网页或者样式时候，大家都会利用我们浏览器的F12，也就是开发人员调试利器这一功能，那么各位老表为了防止自己心爱的代码被偷，也是煞费苦心，给网站设置各种键码限制，网站上也就遗留了很多彩蛋，这也也是一个独特的风景，下面一同欣赏几款我见到过有趣的彩蛋吧。

02

兼容的话题：inline和block

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭