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

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

chrome的开发者工具,在source选项卡下,可以看到js的源代码,有一个断点调试功能,就是在js的源代码行号那里点击一下,出现一个箭头,当再次刷新页面并且进行了相应操作时,就会停在断点的地方。...我们可以查看相应的变量值,在右侧可以手动改变变量值,进行调试。 这个地方有一个缺点,就是没有办法对代码表达式等进行手动修改,修改完再去运行调试。...如果我们在编辑窗口更改了js,他并不能真正的作用于线上代码。你保存了也没有任何效果,你刷新了页面,直接就没有了,没有办法像css的调试那样,可以完全实时修改代码和查看效果。...把本地的代码覆盖线上的代码,当然只是我们本机测试起作用,并不是真正覆盖。要求是本地的目录与线上的目录完全一致,比如线上的top,域名,层层目录,文件名,要完全一致。 ?...本地新建这些目录,并且把js也新建好,点击overrides后选中top目录,就可以真正的实时映射覆盖了,我们在本地js里修改代码,会被激活。 ? ?

5.1K30
您找到你想要的搜索结果了吗?
是的
没有找到

线上bug分析

昨天下午大神把组内几十号人召集在一起开Online bug分析大会,主要是针对近期线上事故从事故原因和解决方案两个维度来分析。...对金融软件来说,每一次的线上事故都有可能给公司带来重大的损失,少扣了用户的钱,为公司带来资金方面的亏损;多扣了用户的钱,则为带来不必要的合约或法律纠纷,故测试金融软件不比其他行业的软件,后者线上bug大多不会直接引起资金方面损失...从分析结果的角度出发,线上bug大多都是开发人员和测试人员麻痹大意所导致的,并不是不可避免的。...以上问题都是由于系统之间的调用或回调导致的线上bug。 解决方案: 1.在联调之前先将自己系统中本次项目所有用例测试完全。...此次线上BUG分析再次验证程序中的bug就是人为的,避免这些情况就需要开发人员在开发过程中多注意,培养良好的编程习惯,而测试人员在测试过程中需要将测试范围考虑完全,尽量避免遗漏测试点,对于不清楚的点,不管是开发还是测试人员

1.2K41

如何让调试线上 JS 报错像调试本地源码一样优雅?

线上有报错的时候,大家是怎么定位问题的呢? 断点调试么? 但是这时候代码是被压缩过的,变量名都是 a、b、c、d 这种,根本看不出啥来。 如果调试线上报错能像本地开发的时候一样就好了。...其实这是可以做到的,今天就分享下如何优雅的调试线上报错: 首先,我们准备一段 JS 代码: 这是我随便找的一段 JS 代码,里面抛了一个错误。...但现在代码是被压缩过的,看不出啥来: 怎么能直接定位到抛异常的源码呢?...关联 sourcemap 需要在文件末尾加上 //# sourceMappingURL=xxx.js.map 的代码。 但现在这个文件是线上的,不能直接改本地文件。...,可以通过作用域、调用栈等信息来定位报错原因: 这样我们就完成了直接本地调试线上报错代码对应的源码!

1.6K30

调试bug

你日常开发遇见过什么样的Bug?遇见过什么难调试Bug?...笔者日常遇见的Bug: 如事务的回滚及传递依赖问题 空指针 死锁 传参错误,返回错误 精度丢失 性能优化 OOM等 当然还有一些其他Bug,不过这些Bug你觉得难吗?...个人结合实战觉得比较难调试Bug有两种,野指针和并发问题: 野指针 同一个对象,两个指针,一个释放了,另外一个不知道还拿来用 同一个指针,不同位置 不再指向任何对象的指针 NulIPointerExcetion...并发问题 多线程存取同一块儿内存空间 一直修level太低的Bug跟躺平有什么区别?...其实最难调试的是人心,破山中贼易,破心中贼难。在当下宏观环境,也许更该将眼光投向于自己的内心,去检索一下自我的心中陋习,提升一下自己的心境悟性。

34120

【C语言】Bug调试、strcpy

调试准备 调试可以看什么 调试例子 strcpy 结语 ✍前言 大家好,本篇博客主要讲述bug的由来以及调试的一些常用功能,还有通过代码风格来实现strcpy和strlen,通过这些增加自己的一些潜在知识...希望对你有所帮助 Bug 程序错误,即英文的Bug,也有虫子的意思,是指在软件运行中因为程序本身有错误而造成的功能不正常、死机、数据丢失、非正常中断等现象。 为什么计算机会与bug扯上关系?...史上的第一只 “Bug” ,真的是因为一只飞蛾意外走入一电脑而引致故障,因此Bug从原意为臭虫引申为程序错误。 第一次被发现的导致计算机错误的飞蛾,也是第一个计算机程序错误。...>详细可见历史上的第一个计算机Bug 调试 所有发生的事情都一定有迹可循,如果问心无愧,就不需要掩盖也就没有迹象了,如果问心有愧, 就必然需要掩盖,那就一定会有迹象,迹象越多就越容易顺藤而上,这就是推理的途径...简单来说,调试是为了去解决bug的存在。 怎么去调试

88520

JS 图片压缩

前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS 的图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...base64 格式 base64 编码的图片通过 Canvas 转换压缩,这里会用到的 Canvas 的 drawImage 以及 toDataURL 这两个 Api,一个调节图片的分辨率的,一个是调节图片压缩质量并且输出的...总结 本文仅针对图片压缩介绍了一些思路,简单的使用场景可能如下介绍,当然也会引申出来更多的使用场景,这些还有待大家一起挖掘。

25.7K21

不停服务调试(debug)线上Rsyslog

调试 -如果存在,则打开调试系统并启用调试输出 DebugOnDemand-如果存在,则打开调试系统,但本身不会启用调试输出。您需要发送SIGUSR1以在需要时将其打开。...通过rsyslog.conf启用调试 如前一段所述,通过rsyslog.conf启用调试可能无法满足某些调试需求,但是基本的调试输出将起作用-这是最常需要的。...可用的设置是 $DebugFile -设置调试文件名 $DebugLevel -设置各自的调试级别,其中0表示调试关闭,1是按需激活的调试(但调试模式已关闭),2是完全调试模式...从正在运行的实例获取调试信息 可以从正在运行的实例中获取调试信息,但这需要进行一些设置。我们假定实例在后台运行,因此不希望将调试输出输出到stdout。这样,所有调试信息都需要放入日志文件中。...收到后,该信号将切换调试状态。因此,发送一次以打开调试日志记录,然后再次发送以再次关闭调试日志记录。第三次,它将再次打开……等等。

1.1K40

优雅地调试线上代码

# 需求分析 页面是一个 iframe,由 jssdk 控制 iframe 高度 100%,但在 iOS9 下,底部遮盖高度 20px 顶部黑边 20px,由底层写死,js 无法控制 顶部黑边不能移除,...目的需要兼容曲面屏 # 初步结论 在 iOS9 下,iframe 的高度 100% 并不是屏幕的高度 # 验证结论 # 调试环境 Charles :Web 调试代理应用程序 测试机和电脑在同一局域网 #...右键 js,选择 Map Local,Map From 已自动填写,选择 Map To 为本地的 js 清除 Charles 本地 Session,测试机重新打开游戏,现在,js 已经被替换成本地了...,有限时间内,线上代码动不得,本地代码难测,于是就有了本文,通过“自己劫持自己”的方式,更优雅快速地调试并修复 BUG,同理,这种方式可以运用到微信开发等。...# 附言 Charles,是一个抓包神器,不仅可以用于调试,而且还可以模拟网络状态(后面来了个添加 Loading 效果的需求,刚好这个功能可以模拟慢速网络),当然还有很多其它用处。

55622

CSS中常见的BUG调试

通常在IE6中出现的BUG。非常可能是由于布局的缘故而产生的,因而修复IE中BUG的时候,第一件事就是尝试通过规则迫使元素拥有布局来看是否能修复。...bug——IE6及其更低版本号 bug:不论什么浮动元素的外边距加倍 修复:将元素的display属性设置为inline 2)3像素文本偏移bug——IE6及其更低版本号 bug:当一个非浮动元素与一个浮动元素相邻时...:_zoom: 1; margin-left: value; _margin-left: value-3px; (注:zoom是触公布局,而下划线是针对IE7更低版本号的hack) 3)IE6的躲猫猫bug...bug:一个浮动元素跟着一个非浮动元素,之后再跟着一个清除浮动元素,全部元素都包括在一个有背景颜色或背景图片的父元素中。...4)相对定位的元素中绝对定位错误——IE6及其更低版本号 bug:相对定位的父元素中包括绝对定位的子元素。子元素定位时的參照物不是父元素而是视口。

30810

线上Bug无法复现怎么办?老司机教你一招,SpringBoot远程调试不用愁!

前言 在部署线上项目时,相信大家都会遇到一个问题,线上Bug 但是在本地不会复现,多么无奈。 此时最常用的就是取到前端传递的数据用接口测试工具测试,比如 POSTMAN,复杂不,难受不?...今天陈某教你一招,让你轻松调试线上Bug。文章目录如下: ? 什么是 JPDA?...一个可能为 y的应用场景是,你的程序在启动时出现了一个故障,为了调试,必须等到调试方连接上来后程序再启动。 address 暴露的调试连接端口,默认值为 8000。...onthrow 当程序抛出设定异常时,中断调试。 onuncaught 当程序抛出未捕获异常时,是否中断调试,默认值为 n。 launch 当调试中断时,执行的程序。...我们点击 IDEA 调试按钮,当我访问某一接口时,能够正常调试。 ?

1.2K20

调试JS代码

记录下近期对JS代码的调试过程 性能分析 启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面 目前主要使用的功能有: Performance....性能评估,比如我想看下页面刷新的性能瓶颈所在,先点击 按钮,然后进行页面操作,当页面刷新完成,再点击 按钮,则会生成性能报告,可以看到资源消耗,JS代码的执行逻辑等 Sources....性能报告页面的 部分,可以通过点击色块查看其所在的js代码文件,如 点击则会跳转到 功能栏,有了源文件就可以进行断点调试;这里注意部分js文件是压缩后的文件,建议手动修改程序替换成可读性更强的原始代码文件...,方便调试 Console....查看程序的打印输出,比如我想知道某个函数的执行时间,可以在js代码中进行修改 当js代码执行之后,可以在console输出中看到foo的执行时间 Network.

19K10

收到线上BUG反馈,你怎么做?

1、面试,一定会问你,是否有印象深刻的线上Bug ? 2、跟同行(软件测试从业者)交流;老徐一定会问,你这边的业务线,常见的线上问题有哪些 ?用户线上问题反馈的入口 ?谁来对接用户的问题反馈 ?...收到线上问题,内部的处理流程怎样的 ? 3、线上问题,你们是怎么定义级别的 ? 4、线上问题的,处罚机制 ? 5、线上问题的响应 & 处理时效 ?...思考才会成长; 测试从业者,一定会有一些印象深刻的线上Bug(比如:因为这事,被降级;因为这事,被罚款;因为这事,年终奖少了几个月); 问 1)你们公司,有线上Bug库么 ?...2)你们有对线上问题,做根本原因分析否 ?3)你们漏测率有多少 ?4)你们线上Bug有下降趋势否 ? 类似文章: 不会定位BUG根因的测试工程师,要来有何用?...软件测试从业者终极目标,线上BUG如何实现 ? End 。 这是一篇偷懒的文章,内容,见底部大家的留言 ;

92420
领券