chrome调试-远程文件本地调试

本地文件调试

前言:代码上线后,如果发现代码有问题,我们如何基于线上环境进行调试? 又或者,线上代码是压缩混淆后的,很难分析其中逻辑,我们如何转译成我们平时业务开发时候的代码来进行调试?带着这两个问题,我们看下面的为内容。

开始操作

  1. F12 打开浏览器控制台
  2. 找到 Sources => Overrides
  3. 如果之前没有配置过 本地文件夹,会出现 Select folder for overrides,这个文件夹用于存储覆盖网络资源的文件。
  1. 授权浏览器访问本地文件

5.修改资源内的代码,进行调试

  1. 修改完成后,我们 ctrl+s 进行保存。会发现本地文件夹里面,会存下我们编辑的代码文件。我们也可以将未编译过的js文件复制进去,方便我们分析逻辑
相关推荐
Mh10 小时前
鼠标跟随倾斜动效
前端·css·vue.js
小码哥_常11 小时前
Kotlin类型魔法:Any、Unit、Nothing 深度探秘
前端
Web极客码12 小时前
深入了解WordPress网站访客意图
服务器·前端·wordpress
幺风12 小时前
Claude Code 源码分析 — Tool/MCP/Skill 可扩展工具系统
前端·javascript·ai编程
vjmap12 小时前
唯杰地图CAD图层加高性能特效扩展包发布
前端·gis
ZC跨境爬虫13 小时前
3D 地球卫星轨道可视化平台开发 Day7(AI异步加速+卫星系列精简+AI Agent自动评论)
前端·人工智能·3d·html·json
ID_1800790547313 小时前
淘宝 API 上货 / 商品搬家 业务场景实现 + JSON 返回示例
前端·javascript·json
M ? A13 小时前
Vue 动态组件在 React 中,VuReact 会如何实现?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
vipbic13 小时前
独立开发复盘:我用 Uni-app + Strapi v5 肝了一个“会上瘾”的打卡小程序
前端·微信小程序
IT_陈寒14 小时前
Vite的热更新突然失效,原来是因为这个配置
前端·人工智能·后端