日常开发记录-前端浏览器高级调试技巧整理

本文介绍了两个提升开发效率的浏览器调试技巧:一键重新发起网络请求以快速重试,以及使用快捷键一键展开所有DOM元素,这两个方法在前端开发中尤其实用,能帮助开发者迅速定位和解决问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 一键重新发起请求

场景:

在和后端联调时用的比较多,快速的重发请求,不用再在页面上点击

步骤:

选中“Network” 

点击 Fetch/XHR

选择要重新发送的请求(鼠标点击一下)

右键选择Replay XHR

实操演示:

2.一键展开所有DOM元素

 

场景:

调试元素时,在层级比较深的情况下,一个个展开去调试会很麻烦,使用这个方法事半功倍

步骤:

alt + 鼠标点击

mac电脑是 opt + 鼠标点击

实操演示:

 

转载:https://www.cnblogs.com/yuanyuzhou/p/16451970.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值