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

本地文件调试

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

开始操作

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

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

  1. 修改完成后,我们 ctrl+s 进行保存。会发现本地文件夹里面,会存下我们编辑的代码文件。我们也可以将未编译过的js文件复制进去,方便我们分析逻辑
相关推荐
小粉粉hhh3 分钟前
Node.js(四)——npm与包
前端·npm·node.js
雨落在了我的手上6 分钟前
初识java(四):程序逻辑控制
java·开发语言·前端
UXbot7 分钟前
Vibecoding 工具如何一次性生成 Web + iOS + Android 三端 APP?功能架构深度解读
android·前端·ui·ios·交互·软件构建·ai编程
小周技术驿站16 分钟前
Linux 基础命令详解
linux·前端·chrome·ubuntu·centos
ZC跨境爬虫19 分钟前
跟着 MDN 学 HTML day_42:(DOMTokenList 接口详解)
前端·javascript·ui·html·ecmascript·音视频
前端 贾公子20 分钟前
响应式系统基础:基于依赖追踪的响应式系统的本质(下)
前端·javascript·vue.js
幽络源小助理20 分钟前
团队个人科技主页HTML源码 黑客帝国风格个人简历网页模板
前端·科技·html
打工人小夏20 分钟前
使用finalshell在新服务器上部署前端页面
linux·服务器·前端·vue.js
恋猫de小郭23 分钟前
2026 Android I/O ,全新 AI 手机、 Android PC 和车载驾驶
android·前端·flutter
yqcoder24 分钟前
JS 中的“空”之双雄:null vs undefined
开发语言·前端·javascript