chrome怎么打开开发者模式（chrome开发者工具使用教程）

  • 曾经，在线调伪类样式困扰过你？
  • 源代码快速定位到某一行！ctrl p
  • 联调接口失败时，后台老哥总管你要response？
  • 你还一层层展开dom？Alt Click
  • 是不是报错了，你才去打断点？
  • 你是不是经常想不起来，在哪绑定事件的？
  • 你是不是打断点时还要去改代码？
  • 看dom层级的最直观的方式？
  • 查一些特定的请求，过滤器用过吗？
  • 在Elements面板调整dom结构很不方便？
  • 想知道，某图片加载的代码在哪？Initiator！！
  • 不想加载某个文件了？

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。

最近大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。这个网站是：umaar.com/dev-tips/，本文分享一些实用且聪明的调试技巧。

1.曾经，在线调伪类样式困扰过你？

2.源代码快速定位到某一行 ctrl p

3.联调接口失败时，后台老哥总管你要 response？

4.你还一层层展开 dom：Alt Click

5.是不是报错了，你才去打断点？

6.你是不是经常想不起来，在哪绑定事件的？

7.你是不是打断点时还要去改代码？

8.看 dom 层级的最直观的方式？

9.查一些特定的请求，过滤器用过吗？

10.在 Elements 面板调整 dom 结构很不方便？

11.想知道，某图片加载的代码在哪？Initiator！！

12.不想加载某个文件了？

多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win10）是没有的，应该跟chrome版本有关。

开发者工具的功能确实挺多，多的有时根本用不上，官网教程建议大家都看看。


赞 (0)

相关推荐

  • 怎么进入开发者模式，开发者模式在哪里。

    操作方法 01 打开手机设置,找到系统选项. 02 选择关于手机. 03 找到版本号,然后使劲反复点版本号这里,一会儿手机就提示进入开发者模式了,进入后再点击会不断提示你已经进入,无法再进行操作. 0 ...

  • 如何打开360浏览器开发者模式

    如何打开浏览器开发者模式, 开发者模式可以更好为我们分析网页代码.架构.今天我们这里讲讲如何开启此功能. 操作方法 01 第一步,打开浏览器. 02 第二步,把鼠标指向右上角,如图.点击打开. 03 ...

  • 小米手机4如何进入开发者模式

    一般像手机连接电脑之后,就会让我们选择是为手机充电还是给手机传输文件,但是这样的设置就需要打开开发者选项,那么现在的小米系统怎么进入开发者模式呢?下面小编就给大家介绍一下. 操作方法 01 现在的小米 ...

  • 怎样开关手机的开发者模式

    什么叫做开发者模式: 开发者模式用于开放给开发人员调试运行中的程序.在该模式下,程序会通过调低日志输出级别.增加调试信息等方式向开发人员输出程序的相关信息,方便开发人员对程序进行定位和分析. 如何开启 ...

  • 怎么启用chrome浏览器中扩展程序的开发者模式

    怎么启用chrome浏览器中扩展程序的开发者模式

    在电脑中,使用chrome浏览器浏览网页的时候,如果想要在浏览器中添加本地的扩展程序的话,就需要先启用扩展程序的开发者模式.具体应如何操作呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑 ...

  • 苹果怎么进入开发者版本（iphone开发者模式怎么打开）

    苹果怎么进入开发者版本（iphone开发者模式怎么打开）

    各位已经帮手上的iPhone 更新到iOS 16 了吗?这次iOS 16 更新强调更多个性化功能以及更流畅的沟通和共享方式,其中还包括能在iPhone 上直接操作进入「开发者模式」这项功能,而且确实有 ...

  • OPPO R15的USB调试模式如何打开，怎么找到开发者选项？

    OPPO R15的USB调试模式如何打开，怎么找到开发者选项？

    我们在将手机连接电脑的时候经常需要用到手机端的USB调试,今天给大家讲一下OPPO R15手机如何打开USB调试模式以及该手机如何找到开发者选项.具体如下:1.第一步,打开手机点击"设置&q ...

  • 魅族手机打开或进入开发者模式的方法

    魅族手机打开或进入开发者模式的方法

    使用魅族手机的小伙伴们经常会遇到不知道如何进入开发者模式的问题,今天小编就给大家整理了这个问题的解决方法,感兴趣的小火把快来看看吧.具体如下:1. 点击进入[设置],拉倒最底部.2. 打开[关于手机] ...

  • 小米手机miui10开发者模式的打开方法

    小米手机miui10开发者模式的打开方法

    小米手机miui10具有开发者模式功能,如果我们想要开发软件的话就需要使用这个功能,下面小编就告诉大家怎么打开这个功能具体如下:1. 首先我们在小米手机桌面上找到设置图标2.点击打开设置,进入设置界面 ...

  • 如何打开三星S10的开发者模式

    如何打开三星S10的开发者模式

    开发者模式为大家所熟知,这一模式可以对手机进行个性的diy,那么如何打开这一模式呢?具体一起看看吧.具体如下:1. 解锁手机后,在主页上找到下图图案,点击,进入设置界面.2. 进入设置的主页面后,下拉 ...