发现10个 chrome隐藏技能，无法自拔了！

系统管理员 2023-05-30 06:23 3阅读 0赞

![format_png][]

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

这是北妈第** 250篇** 原创文章

**一**

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

![format_png 1][]

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

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

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

**二**

说重点，chrome的魔力

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

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

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

你不知道的奇技淫巧开始

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

**![format_png 2][]**

--------------------

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

**![format_png 3][]**

--------------------

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

**![format_png 4][]**

--------------------

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

**![format_png 5][]**

--------------------

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

**![format_png 6][]**

--------------------

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

**![format_png 7][]**

--------------------

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

**![format_png 8][]**

--------------------

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

**![format_png 9][]**

--------------------

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

**![format_png 10][]**

--------------------

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

**![format_png 11][]**

--------------------

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

![format_png 12][]

--------------------

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

![format_png 13][]

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

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

###  ###

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

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

**热门阅读**

[1、说一说今年招聘现状，残酷！][1]

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

[3、央行昨日突然降息，对你我什么影响？][3]

**每天只想听你们说：北妈****最帅！**

![format_png 14][]

前端你别闹

**我觉得你们应该点 ****「在看」**** ![format_png 15][]**

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9NWURzZXJnenFRa2hSWHhUUlBZcTBNQlhGNHZvMUdLaWFWOFl1aWFyMk9nOVVYT0JZeFdWb3liUmFYSVpHc01BV3FmaWJDYUZjRjJjZEZ1S3BJY3VlWUpMZy82NDA_d3hfZm10PWpwZWc?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9NWURzZXJnenFRa2hSWHhUUlBZcTBNQlhGNHZvMUdLaWFoN3ZGQnRCRFJTOFJlcG52aWNMM0x0MkV1ZnBlcDRuOGg2d0xXV0V2RVdMdXRTdmExR2Q2dEN3LzY0MD93eF9mbXQ9cG5n?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hKWk9rV1hnaE5KRlN6cUtHU1RCdzBsenY2SDNhRGJIZmZ1U3V6ZHZPQzVJOVdQZDFzR3pnSWcvNjQwP3d4X2ZtdD1naWY?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hqV1c0aWFyUG1OdTFpYkNWNk9TcFAyeVczNFNVdmpXNVdscjZCYkoyZ1g5eW9WUGROaGQ1blZkQS82NDA_d3hfZm10PWdpZg?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hkT0R1blRhdDVmV2NBcEVEUGhpY0dDeWliUXZKWGljRGhSU3hYSVhDWTkzZ3ROVnpxUFB1eXpScUEvNjQwP3d4X2ZtdD1naWY?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hkMHBoQzJlQ3I3NXppYUJDUnJ5UEZmNThmdDFaVGxNQUFMU2JRZHFHbWlhRW8ySmdZNXJpYVlFOGcvNjQwP3d4X2ZtdD1naWY?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hmZnJ6ZjdNcGp5QlBYWG9HNXY2QjhQMDZ4aWJtaWI2QVE1OVBpYTNnU0JEd0F3Z0lkd1NkRGFUMWcvNjQwP3d4X2ZtdD1naWY?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0h1NmlhSVowZFo5OThBeDVSN2hHSnJtcjk4ZjNQa3I4VzduY09ZeTdMSWNpYnlqbkY5c25sdjMzQS82NDA_d3hfZm10PWdpZg?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hjM2RVUklVckh5cUxpYlZubGVVRHdtOVpQN0FHNG9RWnQ3c0tpYU9pYTZ2cVc0c2NWY3E4U1I0UlEvNjQwP3d4X2ZtdD1naWY?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hzYmp0SmV0RVBnczdRaWI3Nnd3MkFKSTV4RGE1amJwdUF0NFY5eVFWWGp1WFJ4aWFrdnFnSGJMZy82NDA_d3hfZm10PWdpZg?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hmNzljQkxQelBDcWlhSm11ZHFlc2xuQXZlSXVmaHl1bWprdEVpYWNvbjR3aWFVTE9aaWJ4ZkRtdXhnLzY0MD93eF9mbXQ9Z2lm?x-oss-process=image/format,png
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0hpYmlhRHVobmM5em5rdHpzNjhjdGRVd05lWXR2UFVQT3U4M3lhNko1eEpjN01EaWNDbk1zZUl5bGcvNjQwP3d4X2ZtdD1naWY?x-oss-process=image/format,png
[format_png 12]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9lUVB5QmZmWWJ1YzloSnBTQWR6SnJpYjBCY3c3aEFzVkcwYzNobmJLZjAwZGNXYWJsS3RjQ2NSSnNxaWJzUlRDTmliNDJjdFhQUnZxSmJISGt0OE1HZVkxZy82NDA_d3hfZm10PWdpZg?x-oss-process=image/format,png
[format_png 13]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9pY2NYTjhzR1BMVDRvQ0FjY3hzUGNWdmJMUXFwS3p6Q0haa2ljVXJRUERydUw1Z3pYaWNDUDlMc2hYNWs0aWFzRlo1aHVneklnbU0zZUdFY1RoaWNpYlNDMWIyZy82NDA_d3hfZm10PWdpZg?x-oss-process=image/format,png
[1]: http://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ%3D%3D&chksm=eca794d4dbd01dc2c06d8c1e3900dfeb4dd9aadf4ebd81db367b47566fd1ce767c2f9fb8acf6&idx=1&mid=2247487440&scene=21&sn=02d2535b37282da59fcc9c940e66e1e5#wechat_redirect
[2]: http://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ%3D%3D&chksm=eca794d9dbd01dcf9d779bc43d5c277c13d8daf671fe21261f96839822ff180d145da4a60335&idx=1&mid=2247487453&scene=21&sn=d91162098ca15fd3b9026a23cdf03ef9#wechat_redirect
[3]: http://mp.weixin.qq.com/s?__biz=MzI5ODM3MjcxNQ%3D%3D&chksm=eca794e5dbd01df3edb7bbd4aaf9d01a6848564b6014324b6b8db0646d2fcdbdef0b280ff724&idx=2&mid=2247487457&scene=21&sn=e2f93872df5a976b5c63dc7634147dcc#wechat_redirect
[format_png 14]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9NWURzZXJnenFRa092aWFCdXNyUUNGcHZ6Qjh2NENENkJ0cHNHMlVPRElsMEFmMmtncnQ4QmlhYlIydW9MalFGSXY1NHdUMHJWUG5rakV0RHRpYmNZZWlidGcvNjQwP3d4X2ZtdD1qcGVn?x-oss-process=image/format,png
[format_png 15]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2dpZi9uemR4VjJxWEVkYjNBcW9ObGljQ0VzeUI2dG5rWEVXbWFmTXFiTUpPQnVBcTBKRmNFM1oyVG12aFJydXpVR3B3TmZsWFl3NzVCSEE2YmNBaHh4TjF0WEEvNjQwP3d4X2ZtdD1naWY?x-oss-process=image/format,png