谷歌浏览器的本地替换js等文件使用体验

当在生产环境中遇到问题时,可以通过谷歌浏览器的开发者工具进行调试。文章详细介绍了如何利用工具的覆盖文件功能,进行JS文件的本地替换,以验证修复错误的方案。步骤包括切换到源码视图,选择本地文件夹,覆盖目标文件,编辑并保存,或者直接替换文件后刷新页面以应用更改。
摘要由CSDN通过智能技术生成

谷歌浏览器的本地替换js等文件使用体验

最近老是因为个人疏忽,生产环境的网站,总是出现意外状况。因此要调试问题来处理,开启开发者工具调试,这是不用说的。

发现问题后,如何验证修改后的js文件,能避开错误,临时处理好。这就需要开发者工具中的覆盖文件功能,其实百度上有很多教程帖子。

因为自己也用到就写下。

1、顶部tab切换源码,左侧树tab切换覆盖文件

image.png

2、点击选择覆盖用的本地存储文件夹,然后点允许

image.png

3、左侧树切换回页面,选择要本地替换的文件,右键保存并覆盖。

image.png

4、直接在开发者工具上编辑保存,或者粘贴本地改好的文件,粘贴保存。当然了,这个是js文件,其他媒体类文件,就需要到第2步的文件夹下,找到相应文件进行替换,最后刷新页面,本地替换生效

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值