精选文章 发现10个 chrome隐藏技能,无法自拔了!

发现10个 chrome隐藏技能,无法自拔了!

作者:小北哥哥和北妈 时间: 2019-11-07 03:54:23
小北哥哥和北妈 2019-11-07 03:54:23

发现10个 chrome隐藏技能,无法自拔了!1

文/北妈
阅读本文需要 2.6分钟

这是北妈第 250篇 原创文章

说正题前,先看个今天的 福布斯财富榜,谁家的爸爸上去了,谁家的爸爸下去了?

发现10个 chrome隐藏技能,无法自拔了!2

马云退休了,依然蝉联中国首富,小马哥还是第二,河南老乡许家印还是第三,王健林居然财富比上年缩水了一半,,上年还是1500亿左右,今年直接800亿。。

还有他儿子撕葱,最近又是微博清空半年,又是被列为执行失信人,不得不说十年河东十年河西,但小河依然比我们滋润的多...

百度、京东直接跌出前30,好像排在几十位,在后面...个中原因大家都吃过瓜了。


说重点,chrome的魔力

对于每个IT前端从业者来说,除了F5键之外,用的最多的另外一个键就是chrome的F12了,因为在一定意义来说,我们都是浏览器的产物脱离不了浏览器环境和api的调试。

大家知道chrome还有很多各种骚姿势,我们平时或多或少都不清楚,但真的很有用,学会了这些小技巧,可以让你事半功倍。

本文北妈给大家分享一些实用且聪明的调试技巧,部分截图和技巧来自网络搜集。

你不知道的奇技淫巧开始

1.曾经,在线调伪类样式困扰过你?

发现10个 chrome隐藏技能,无法自拔了!3


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

发现10个 chrome隐藏技能,无法自拔了!4


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

发现10个 chrome隐藏技能,无法自拔了!5


4.你还一层层展开 dom:Alt + Click

发现10个 chrome隐藏技能,无法自拔了!6


5.是不是报错了,你才去打断点?

发现10个 chrome隐藏技能,无法自拔了!7


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

发现10个 chrome隐藏技能,无法自拔了!8


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

发现10个 chrome隐藏技能,无法自拔了!9


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

发现10个 chrome隐藏技能,无法自拔了!10


9.查一些特定的请求,过滤器用过吗?

发现10个 chrome隐藏技能,无法自拔了!11


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

发现10个 chrome隐藏技能,无法自拔了!12


11.想知道,某图片加载的代码在哪?Initiator!

发现10个 chrome隐藏技能,无法自拔了!13


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

发现10个 chrome隐藏技能,无法自拔了!14

多的就不列举了,可以看看这个网站 https://umaar.com/dev-tips/

专门介绍chrome隐藏的一些技巧和功能,很多我都不知道。有些功能是没有的,应该跟chrome版本有关。

开发者工具的功能确实挺多,多的有时根本用不上,官网教程建议大家都看看。部分图片来源:   juejin.im/post/5af53823f265da0b75282b0f

每日金句:“时间带着满满的恶意,从我身边慢慢溜走,我却无能为力”


热门阅读

1、说一说今年招聘现状,残酷!

2、罗永浩成“老赖”,连高铁都不能坐,有感而发

3、央行昨日突然降息,对你我什么影响?

每天只想听你们说:北妈最帅!

发现10个 chrome隐藏技能,无法自拔了!15

前端你别闹


我觉得你们应该点 
「在看」 发现10个 chrome隐藏技能,无法自拔了!16

勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:QT中删除QtableWidget中的某一行

下一篇:WPF实现Slider随Thumb位置实时显示Value值的样式

CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。