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

本地文件调试

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

开始操作

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

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

  1. 修改完成后,我们 ctrl+s 进行保存。会发现本地文件夹里面,会存下我们编辑的代码文件。我们也可以将未编译过的js文件复制进去,方便我们分析逻辑
相关推荐
@小红花41 分钟前
从0到1学习Vue框架Day03
前端·javascript·vue.js·学习·ecmascript
前端与小赵43 分钟前
vue3中 ref() 和 reactive() 的区别
前端·javascript·vue.js
魔云连洲1 小时前
Vue的响应式底层原理:Proxy vs defineProperty
前端·javascript·vue.js
专注VB编程开发20年1 小时前
CSS定义网格的列模板grid-template-columns什么意思,为什么要用这么复杂的单词
前端·css
IT_陈寒1 小时前
Redis性能提升50%的7个关键优化策略,90%开发者都不知道第5点!
前端·人工智能·后端
Hilaku1 小时前
深入URL和URLSearchParams:别再用正则表达式去折磨URL了
前端·javascript·代码规范
pubuzhixing1 小时前
Canvas 的性能卓越,用它解决一个棘手问题
前端
weixin_456904271 小时前
Vue.jsmain.js/request.js/user.js/store/index.js Vuex状态管理项目核心模块深度解析
前端·javascript·vue.js
伍哥的传说1 小时前
Vue 3.6 Alien Signals:让响应式性能飞跃式提升
前端·javascript·vue.js·vue性能优化·alien-signals·细粒度更新·vue 3.6新特性
永日456701 小时前
学习日记-HTML-day51-9.9
前端·学习·html