首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在chrome中实时修改JS

在chrome65以前,我们可以打开目标网页的开发者工具—source选项卡—目标JS/CSS文件,然后在相关位置写入代码保存后即可看到改动后的效果。...chrome65之后需要进行本地代码替换,本文就介绍一下如何在chrome中用本地代码替换在线代码,以达到在线修改JS的效果。...首先要确定待修改文件的网络位置: 722f06ae-8b6f-40df-b4ab-6ece4d5f66fa.png 第二步,在本地创建一个空文件夹,名字随意。...: 4a2a22a0-bec0-4276-8e6f-60661495b5c3.png 刷新页面,效果已经有了: 86d64d69-a7da-4edb-a5a8-5d34760bf500.png 这种修改方式是持久化的...,也就是说,哪怕你关机重启,再打开目标网页,替换效果依然存在,而且你在本地对目标文件做的修改都会同步到页面上,非常好用!

38K32
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS 这次真的可以禁止常量修改了!🥊

    在 JS 中,常量是不可改变的。这个 “不可改变” 指的是常量存放的内存地址不变。 众所周知,使用 const 定义的常量,如果是基础类型的数据,值不能变。...但如果是引用类型的数据(比如对象、数组等),是可以修改里面的元素。所以有时候看上去常量并不那么“常量”。 但我们还是有办法让常量变成真正的 “常量”。...JS 的基础类型数据存在 栈内存 里;引用类型数据存在 堆内存 里。但引用类型的数据,比如对象,对象的 key 是存到栈内存 里,栈内存 中存放了一个引用地址,这个引用地址指向存放在 堆内存 的值。...它会将一个普通对象转化为一个不可变对象,也就是说 不能为这个对象添加新的属性、删除已有属性,也不能修改已存在的属性。

    2.5K40

    使用Sentry对前端进行实时js错误监控

    在完成接入后我们就可以从管理系统中实时查看应用的异常,从而主动监控应用在客户端的运行情况。通过配置报警、分析异常发生趋势更主动的将异常扼杀在萌芽状态,影响更少的用户。...Vue集成 大佬跳过,引包就行 4.1 创建一个新项目 image.png image.png image.png 4.2 修改项目代码 下面案例代码为vue...msg: String }, methods:{ hello(){ console.log(window.a.b) } } } main.js...image.png 5.4 查看sentry最终效果 image.png 5.5 最终查看效果 image.png image.png 6 Sentry优缺点 Sentry 是一个实时事件日志记录和汇集的平台...7 总结 建议先测试下sentry宕机后,前端代码跟sentry的token对应关系,和引用了sentry的一些包,在sentry宕机不可用时会不会影响到前端用户体验,还是需要修改代码

    2.9K20

    利用chrome的overrides实时调试线上js

    chrome的开发者工具,在source选项卡下,可以看到js的源代码,有一个断点调试功能,就是在js的源代码行号那里点击一下,出现一个箭头,当再次刷新页面并且进行了相应操作时,就会停在断点的地方。...这个地方有一个缺点,就是没有办法对代码表达式等进行手动修改,修改完再去运行调试。如果我们在编辑窗口更改了js,他并不能真正的作用于线上代码。...你保存了也没有任何效果,你刷新了页面,直接就没有了,没有办法像css的调试那样,可以完全实时修改代码和查看效果。 经过我一番折腾,终于找到了下面这样的方法。...本地新建这些目录,并且把js也新建好,点击overrides后选中top目录,就可以真正的实时映射覆盖了,我们在本地js里修改代码,会被激活。 ? ?...因为在家办公,不方便上线js代码,但是用户又急着想提交数据,他那条数据不符合正则的规则提交不上去。我就把本地代码的正则先去掉,帮他提交到后端接口,后端的正则里没有验证这条规则。

    5.4K30

    Python+WebSocket+Js 实现服务监控日志实时输出

    这是无量测试之道的第227篇原创 今天来分享一个有趣的内容,通过 Python + WebSocket + Js 来实现服务监控日志的实时输出,当服务正常时,在页面上实时展示出 OK;当服务不正常时...,在页面上会实时展示出加粗的红色内容。...第二部分:JS 部分的代码 这里会与后端的 WebSocket Server 建立连接,并将 env 这个变量(参数)传到后端,然后后端会根据 env 来进行服务的检测,然后返回一个响应给到 js,最后...js 拿到了响应后进行追加到我们定义的一个 div 里面,这里也体现了一个实时的服务日志监控展示。...,WebSocket Server 将检测的结果实时返回给 js 处理,js 将结果实时的追加到 html 页面的一个 div 元素中,至此就全部结束了。

    2.5K20
    领券