chrome开发者工具各种骚技巧


prtyaa
prtyaa 2024-01-01 23:32:12 66198
分类专栏: 资讯
  • 曾经,在线调伪类样式困扰过你?
  • 源代码快速定位到某一行!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版本有关。

 

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

网站声明:如果转载,请联系本站管理员。否则一切后果自行承担。

本文链接:https://www.xckfsq.com/news/show.html?id=33809
赞同 0
评论 0 条
prtyaaL0
粉丝 1 发表 2554 + 关注 私信
上周热门
银河麒麟添加网络打印机时,出现“client-error-not-possible”错误提示  1448
银河麒麟打印带有图像的文档时出错  1365
银河麒麟添加打印机时,出现“server-error-internal-error”  1151
统信桌面专业版【如何查询系统安装时间】  1073
统信操作系统各版本介绍  1070
统信桌面专业版【全盘安装UOS系统】介绍  1028
麒麟系统也能完整体验微信啦!  984
统信【启动盘制作工具】使用介绍  627
统信桌面专业版【一个U盘做多个系统启动盘】的方法  575
信刻全自动档案蓝光光盘检测一体机  484
本周热议
我的信创开放社区兼职赚钱历程 40
今天你签到了吗? 27
信创开放社区邀请他人注册的具体步骤如下 15
如何玩转信创开放社区—从小白进阶到专家 15
方德桌面操作系统 14
我有15积分有什么用? 13
用抖音玩法闯信创开放社区——用平台宣传企业产品服务 13
如何让你先人一步获得悬赏问题信息?(创作者必看) 12
2024中国信创产业发展大会暨中国信息科技创新与应用博览会 9
中央国家机关政府采购中心:应当将CPU、操作系统符合安全可靠测评要求纳入采购需求 8

添加我为好友,拉您入交流群!

请使用微信扫一扫!