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

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

  1. 在地址栏输入 about:config,回车
  2. 提示“这样可能会失去质保”,点击“我保证会小心”
  3. 进入Firefox配置界面后,可以在搜索框中输入 inspector ,过滤无关的项目
  4. 双击devtools.inspector.enabled,使其值变为false

图1:firebox内置的元素查看器,可以查看HTML、CSS

图2:功能更强大、更易用的Firebug界面

图3:右键菜单里多出一个查看元素,经常会点错

图4:通过about:config高级配置,可以轻松禁用Firefox自带的元素查看器

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ThoughtWorks

TW洞见〡现代Web页面开发流程

现代Web页面开发流程 通常来说,Web页面开发的流程大致是这样的:设计师(设计师不是美工,就像程序员不是码农一样)提供设计稿,通常是图片格式。然后前端的开发...

3766
来自专栏菩提树下的杨过

haXe下体验jQuery

看了铁哥关于haXe的介绍,忍不住体验了一吧: 一、下载安装flashdevelop http://flashdevelop.org/ 到这上面下载最新的fla...

2077
来自专栏贺嘉的专栏

如何用Baas快速在腾讯云上开发小程序之系列4:实现客户侧商品列表、商品详情页程序

本文将分享如何在腾讯云上实现小程序的商品展示和数据库查询操作。通过实现商品列表、商品详情页程序,熟练掌握云端数据表查询操作,包括掌握小程序调试方法、掌握小程序操...

1.1K0
来自专栏freesan44

实现 iOS 前台时的推送弹窗效果

原文链接:http://www.jianshu.com/p/67864e1c2085

1182
来自专栏小程序·云开发专栏

解剖小程序的 setData

原文链接:https://godbasin.github.io/2018/10/05/wxapp-set-data/

7413
来自专栏walterlv - 吕毅的博客

像黑客一样!Chrome 完全键盘操作指南(原生快捷键 + Vimium 插件)

发布于 2018-07-01 11:56 更新于 2018-07...

1022
来自专栏Youngxj

杨小杰工具箱网页源码

1544
来自专栏程序员的知识天地

移动端上拉加载和下拉刷新的vue插件

npm install --save mescroll.js //不要使用cnpm安装

8752
来自专栏美丽应用

安卓Chrome使用技巧合辑

2.6K3
来自专栏Jerry的SAP技术分享

微信小程序开发系列六:微信框架API的调用

通过前面五个章节的介绍,大家对微信小程序的视图和控制器,微信调试器,以及如何在微信控制器里编写JavaScript函数来响应微信小程序的用户事件已经有了一个最基...

2962

扫码关注云+社区