禁用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 条评论
登录 后参与评论

相关文章

来自专栏james大数据架构

Android一些关于分辨率和布局的设置

1、Android手机屏幕大小不一,有480x320, 640x360, 800x480.怎样才能让App自动适应不同的屏幕呢? drawable- hdpi、...

2079
来自专栏小白鼠

Ionic3 高德Web定位

高德提供了Web平台定位的JS API,同样需要用到 APP_Key,并且需要注意是使用Web端的Key,如下图所示。必须是Web端的,其它平台的无效。 ht...

1702
来自专栏Youngxj

杨小杰工具箱网页源码

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

解剖小程序的 setData

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

1.6K3
来自专栏前端儿

Web--CSS控制页面(link与import方式区别)

【1】         “Table”和“DIV”这两个网页元素诞生的目的不同,首先Table诞生的目的是为了存储数据,而DIV诞生的目的就是为了架设页面结构

1601
来自专栏美丽应用

安卓Chrome使用技巧合辑

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

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

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

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

haXe下体验jQuery

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

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

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

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

1.6K2
来自专栏IMWeb前端团队

React-Native简介

React-Native 基于目前React来开发IOS原生应用,Android版本将在年底推出。 为什么需要React-Native 目前主流的应用大体分成三...

32910

扫码关注云+社区

领取腾讯云代金券