本地调试线上代码（Local Overrides）

原创 于 2024-09-23 22:44:18 发布 · 295 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

使用浏览器自带本地文件替换直接调试线上的代码（JavaScript、CSS 等）

以莆田市政府首页为例

1、f12打开浏览器控制台

2、源代码/来源--替换--选择放置替换文件夹

选择允许

找到要替换的样式文件或脚本，右击选择替换内容

在本地调试文件夹下生成对应调试文件

修改本地调试文件内容，前台对应更新

完成

【编程实践】编程语言之 Smalltalk
AI天才研究院
04-01 2万+
Smalltalk，被公认为历史上第二个面向对象的程序设计语言，和第一个真正的集成开发环境（IDE）。Smalltalk由艾伦·凯，Dan Ingalls，Ted Kaehler，Adele Goldberg等于70年代初在Xerox PARC开发。Smalltalk对其它众多的程序设计语言的产生起到了极大的推动作用，主要有：C++，C#，Objective-C，Actor，Java和Ruby等。90年代的许多软件开发思想得利于Smalltalk，例如设计模式、敏捷编程和代码重构等。
NetCat代码分析
csiscceo的专栏
05-02 4993
/*=================NetCat代码分析==================*///作者：常涛//语言：C//去除非Win32代码和和一些其他非Win32的预编译代码//全功能的nc /*=================================================*/#include "generic.h"               /* 此头文件定义
前端 | 本地调试H5页面方案总结
u012496505的博客
06-22 1114
背景大学毕业快要一年了,用leader的话说我也是有一年开发经验的前端开发工程师了,输出是检验输入的最好方法,那我就慢慢来总结这一年来在工作中总结的经验教训,分享给大家,有不专业和不完善的地方,请大家多多指点反馈,比心~做过一段时间的运营需求,一些主要在手机上浏览的页面,遇到的最大问题是调试的问题: 对于简单的网络、APP环境的调试,我们可以通过Chrome调试安卓机上的H5页面,通过Safari调
Chrome 的local overrides
wwj256的专栏
12-07 1451
Chrome 65更新了一个不错的功能local overridesOverride network requests and server local resource instead简单来说就是可在浏览器中直接修改一些请求的返回数据，可以帮助我们用来重写一些资源请求，不用再去不停的往服务器拖文件，而是直接在浏览器中修改代码，刷新就可以看到效果。比如之前在调试的时候要改一些条件什么的，每次刷新都要重新修改一遍，现在省事多了。也不用往服务器拖文件或者改数据，影响别人了。打开开发者工具的sources页，可以
chrome 开发者工具 - local overrides
凉云半的博客
09-15 1512
转载自：https://segmentfault.com/a/1190000016612065 使用chrome 作为本地网络服务 chrome 65+ 新功能， 使用我们自己的本地资源覆盖网页所使用的资源，可以使用本地css文件覆盖网页的css文件，修改样式。 类似的，使用DevTools的工作区设置持久化，将本地的文件夹映射到网络，在chrome开发者功能里面对css 样式的修改，都会直接改动本地文件，页面重新加载，使用的资源也是本地资源，达到持久化的效果。 然后就是，很少使用的使用 local ove
浏览器本地替换（local overrides）快速定位前端样式问题的案例详解（也是hook js的手段）
王森的博客
03-26 2338
如果想避免未封闭，或者引号使用错误等等，可以使用强大的 webstorm，但是这个开发工具需要收费，需要破解的可以找我，我有破解安装方式，采用 command + - 进行折叠，不过 webstorm 比较卡，一般机器运行比较慢。如果不想继续覆盖，或者避免以后遗忘，一定要在定位到问题后及时关闭覆写，不然会造成你有朝一日忘记此事，发现无论怎么修改中台的静态页自己的电脑都不变，而又不找原因！这是我吃的亏，切记切记。通过以上删除法，可以很快的定位影响样式的位置所在，定位问题，加以修改，就搞定了。
IDEA 调用线上代码调试
gaoyang1019的专栏
12-20 478
java -jar -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005 XXXX.jar
Chrome Devtools 高级调试指南
墨鱼菜鸡
07-11 3305
From (Chrome Devtools 高级调试指南 )：https://juejin.cn/post/6844903961472974855 chrome devtools 设置黑色主题：https://blog.youkuaiyun.com/sinat_15347975/article/details/81151342 Chrome DevTools ...
【版本控制脚本开发指南】：base_scripts.rar实例分析，代码管理轻松掌握
版本控制脚本作为软件开发的重要组成部分，对于代码的管理、维护和部署起到了至关重要的作用。本文首先介绍了版本控制脚本的基础知识和结构解析，着重分析了脚本结构、版本控制逻辑以及依赖管理。随后，文章深入探讨...
前端工程师生产环境 debugger 技巧
helloworld963的博客
02-10 613
导言： 开发环境 debug 是每个程序员上岗的必备技能。生产环境呢？虽然生产环境 debug 是一件非常不优雅的行为，但是由于种种原因，我们又不得不这么干。 那我们今天讲一讲如何使用 chrome 在生产环境进行 debug 。 生产环境 debug 步骤 生产环境 debug 需要几步？这问题和“把大象装进冰箱拢共分几步”一样简单。 第一步，把冰箱门打开。F12 打开 devTools； 第二步，把大象装进冰箱。找到需要 debug 的前端文件，格式化，打断点，调试上下文，定位问题；
scrapy本地调试网页
python的神奇之旅
11-18 387
有时使用爬虫的时候会把网页抓下来然后本地调试，所以今天写一篇博客记录一下整个流程： 目录 1.抓取网页保存到本地 2.离线调试 1.抓取网页保存到本地 在Scrapy爬虫类的parse函数中使用 def parse(self,response): def saveHtml(file_content): with open(“保存路径/test.html”, “w”) as f: f.write(file_content) # test中就是html网页的文本信息 text = response.text s
本地调试线上JS代码
weixin_43182955的博客
06-05 634
3.打开需要调试的页面，在Source中Page标签里找到需要替换的JS文件，右键选择Save for overrides，保存用于替换，此时被调试的JS文件图标右下角会出现一个小圆圈，Netwrok会出现黄色的小三角。4.切换到Overridestab后会发现文件夹里会多出来一个对应域名命名的文件夹，并且选中的需要调试的JS也在里面。5.本地打开JS存放的目录对该目录下的JS进行修改，此时就可以用本地代码调试线上环境了。2.勾选Enable Local Overrides 开启本地替换。
JavaScript基础——JavaScript调用的三种方式
weixin_64294248的博客
07-30 1257
JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。它是Web开发中最常用的脚本语言之一，通常用于创建动态网页，允许用户与网页进行交互。JavaScript最初由Brendan Eich在1995年为Netscape Navigator浏览器设计，现在已经成为几乎所有现代浏览器的标准组成部分。
本地替换调试浏览器
最新发布
yuliana的博客
08-03 604
有些文件后面往往会有一些随机性的参数，浏览器不能够进行正则替换，需要借助fiddler。选择一个文件，这里我是test.js来替换，如果替换成功就给他一个弹窗提示。插入的debugger被断下来，调试成功。在勾选的时候会提示安装证书，一路确定就好了。谷歌切换到8888端口抓个包试试（可以使用。浏览器使用fiddler代理刷新。下面就是配置端口号，这个随意。写正则的规则，然后点击save。文件左方会有一个紫色的标识。在source面板打开，首先安装fiddler。
Override Pages(重置页面) AND Overrides的使用方法
qq_36775614的博客
08-22 1365
Override Pages(重置页面) AND Overrides的使用方法
浏览器控制台引入js库文件
weixin_44268185的博客
03-23 658
浏览器控制台引入js库文件 var script = document.createElement("script"); script.src = "https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"; document.getElementsByTagName('head')[0].appendChild(script); 在这里我们只需要把src后面的地址换成自己想要引入的库文件就可以了 ...
Chrome浏览器的Overrides功能详解
W楠的博客
07-28 2179
Overrides功能允许开发者在本地覆盖远程服务器上的资源文件。这意味着你可以在不修改服务器端文件的情况下，测试和调试HTML、CSS、JavaScript等文件的更改。此功能特别适用于调试生产环境中的问题，或者快速测试新的代码更改。Chrome浏览器的Overrides功能为Web开发者提供了一种高效、灵活的调试和开发方法。通过本地覆盖远程资源文件，你可以快速测试和修改代码，模拟不同的网络条件，进行详细的审计和追踪。如果你还没有尝试过这个功能，现在就可以打开开发者工具，体验一下它的强大之处。
chrome浏览器F12调式，修改替换js文件
热门推荐
u014644574的博客
12-14 5万+
在F12模式下，有时可以直接修改js源码，Ctrl + S 保存就可以了。但是有时这种方法会不起作用，这里介绍本地替换js的方式。 案例：比如csdn想复制别人的一段文字并保留样式，但是字符长度大于140就不起作用了。 1、通过右键定位需要修改的js文件 当然某些网站，只需要复制文本，直接点下面移除就可以了。 定位js在边栏的位置 2、在本地新建一个js文件，用来存放替换js文件 3、浏览器选择替换文件在本地的存放位置 点击允许访问 4、保存并覆盖 4、格式化...
[javascript] 利用chrome的overrides实时调试线上js
程序员老狼专注开发aigc或客服系统应用
02-28 1099
chrome的开发者工具，在source选项卡下，可以看到js的源代码，有一个断点调试功能，就是在js的源代码行号那里点击一下，出现一个箭头，当再次刷新页面并且进行了相应操作时，就会停在断点的地方。我们可以查看相应的变量值，在右侧可以手动改变变量值，进行调试。 这个地方有一个缺点，就是没有办法对代码表达式等进行手动修改，修改完再去运行调试。如果我们在编辑窗口更改了js，他并不能真正的作用...
local_overrides_packages
09-13
local_overrides_packages是一个用于覆盖本地软件包的变量。它允许用户在本地安装软件包并覆盖默认软件包。这个变量通常在构建系统中使用，例如在OpenEmbedded和Yocto中。 ### 回答2： local_overrides_packages是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值