定位JS死循环位置

最新推荐文章于 2023-11-28 11:23:02 发布
最新推荐文章于 2023-11-28 11:23:02 发布
阅读量2.1k 收藏
点赞数
分类专栏： JS 工作心得
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22794043/article/details/106327232
版权
当遇到疑似JS死循环的问题时，作者经历了从Chrome到Microsoft EDGE再到Firefox的尝试。最终在Firefox中，浏览器提示了一个网页运行缓慢的情况，并指出了死循环所在的代码行。通过调试，作者发现了一个名为_setScreenSize的方法导致的死循环，由于_size方法会重新设置宽高，形成无限调用。注释掉相关代码后，成功解决了死循环问题。
摘要由CSDN通过智能技术生成

上周写代码写了个死循环，当时不知道是死循环，整个代码重构了一遍，还是跑不起来，Chrome一直在加载，控制台JS代码都显示不出来，当时怀疑是死循环，但是代码量那么多，无从查起，而且没有做版本管理，只能重写代码，难受

尝试过重装Chrome还是没用，于是换了Microsoft EDGE，结果是代码能加载出来，但是页面表现不符合预期，整个页面什么都没显示出来。最后尝试用Firefox，结果如下，出现了提示某个网页让您的浏览器变慢了。您想如何处理？

当然是选择右边的停止了，这时候JS代码就加载出来了，发现控制台有个打印timeout，死循环实锤了，并且给出了死循环的代码行数，点进去，打断点，刷新页面

最低0.47元/天 解锁文章
远行MM
关注
专栏目录
原来jdk自带了这么好玩的工具 —— 使用 jstack定位死循环
2401_84049040的博客
04-20 1070
很多人感叹“学习无用”，实际上之所以产生无用论，是因为自己想要的与自己所学的匹配不上，这也就意味着自己学得远远不够。无论是学习还是工作，都应该有主动性，所以如果拥有大厂梦，那么就要自己努力去实现它。最后祝愿各位身体健康，顺利拿到心仪的offer！由于文章的篇幅有限，所以这次的蚂蚁金服和京东面试题答案整理在了PDF文档里《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！[外链图片转存中…(img-kVoaj94O-1713557196480)]
在 JavaScript 调试器中停止无限循环 - Google Chrome
allway2的博客
11-26 4811
你有没有写过一个无限循环来冻结浏览器中的整个页面？ 在本文中，我将尝试向您展示如何处理此类问题。 使用谷歌浏览器，有几种方法可以停止 JavaScript 调试： Chrome DevTools 中的停止按钮， 通过关闭选项卡或窗口结束进程， 任务管理器中的结束进程按钮。 1.Chrome DevTools示例中的停止按钮⏯???? 编辑 ???? 注意事项： 要使用这种方法，应该在执行 JavaScript 代码之前打开DevTools。否则我们将无法使用F12打开工具，因为 C...
如何检测JavaScript中的死循环示例详解
10-14
主要给大家介绍了关于如何检测JavaScript中死循环的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
事件循环(谷歌浏览器称消息循环messageloop)
weixin_62460190的博客
08-02 302
本篇文章将会结合浏览器(google浏览器为例)源码及W3C标准从讲解事件循环的实现方式。
JS如何处理死循环
m0_71966801的博客
07-09 1082
JavaScript中的死循环是指在代码执行过程中，一个循环结构无法退出或停止。4.使用定时器或异步操作：如果死循环发生在一个长时间运行的同步代码块中，可以将其拆分成多个小任务，并使用定时器或异步操作来避免阻塞主线程。3.使用计数器或标志位：通过设置计数器或标志位来控制循环次数或循环状态，从而确保循环能够在合适的时机退出。1.检查循环条件：确保循环的条件表达式能够在一定条件下结束循环。2.添加循环中断条件：在循环体内部添加条件判断，当满足该条件时，使用。循环中，检查终止循环的条件是否能够正确满足。
前端必会浏览器事件循环
最新发布
qq_46263544的博客
11-28 881
程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程每个应用至少有一个进程，进程之间相互独立，即使要通信，也需要双方同意。
一个简单的死循环事例
03-24
8. 浏览器调试工具：当遇到Web应用中的死循环时，浏览器的开发者工具（如Chrome的DevTools）可以用来暂停执行、查看堆栈和修改变量，帮助定位问题。 9. 用户体验：在Web开发中，应避免让用户等待过久，死循环可能...
vue刷新页面的三种方式，并处理死循环
Zzzzzzzzzzzke的博客
02-17 5527
vue页面刷新的办法和处理页面重复循环。先写一下刷新页面的方法，解决循环放在下边。 1.直接使用刷新当前页面，会有短暂白屏，体验效果不好 location.reload(); 2.通过路由传入0，刷新当前页面。忽悠短暂白屏，体验效果不好 this.$router.go(0); 3.通过provide / inject组合，这个体验感是最好的！ 第一步：先在App.vue里 给 <router-view> 加一个 if 判断，通过 $nextTick()实现先移除再添加达到刷新的
javascript每日必学之循环
10-22
在调试程序时，发现死循环需要通过断点或日志来定位问题所在，并修复相应的逻辑错误。 最后，值得一提的是，JavaScript提供了一种强大的调试工具——浏览器内置的调试器。通过浏览器的开发者工具，我们可以设置断点...
如何快速定位到网页中某些内容的代码位置
weixin_52797317的博客
04-10 4552
第三步：在该routes.js文件中查看该路由对应哪个组件，复制组件路径（component引入的路径），使用ctrl+p快捷键，将复制的路径粘贴在弹出的搜索框中，点击匹配的文件，即可进入该路由对应的文件。第四步：进入该路由对应的组件后可以通过添加一些文本内容，大致定位到代码位置，代码也可能在子组件中，找到大致位置后可以进入子组件继续通过同样的方法进行查找。第二步：在vscode中点击放大镜，在搜索框搜索这个路径，然后进入有这个路径的routes.js文件，如下图。
nodejs服务器cpu，内存，死循环问题排查
u013860464的博客
12-24 1133
内存泄漏排查步骤 1.使用addon模块heapdump生成的dump文件并下载。 2.打开浏览器开发者工具的memory项导入即可分析 3.可以对照两个dump之间增加的内存分析出内存泄漏的地方 cpu占用排查步骤 1.使用v8-profiler-node8模块startProfiling和stopCpuProfiling生成profile文件并下载 2.打开浏览器开发者工具的javascripts 探测器项导入即可分析 死循环远程调试排查，使用vscode： pm2 启动配置修改 ...
vue出现caution:request is not finished yet导致页面卡死问题解决思路
让梦想疯狂
07-10 9575
开发环境正常运行，部署上线后点击某一按钮请求接口时页面出现卡死。在Network=>Timing发现异常提示： caution:request is not finished yet（1）通过Postman模拟请求接口，接口正常。（2）本地部署前端代码，ip和localhost访问时页面不会出现卡死问题。此时我有点怀疑人生，既然都是部署，那就彻底一点，通过内网映射的域名访问前端，终于还原卡死的异常问题。（3）还原异常问题还是不够，我需要找到问题所在位置。因为只有点击对应的那个按钮才会出现页面卡死问题。所以将
浏览器中根据js的方法，查看方法以及所在路径
weixin_36087172的博客
12-14 7482
浏览器中根据js的方法，查看方法以及所在路径查看js方法以及所在路径实践 查看js方法以及所在路径 在做web开发的时候，我们常常用浏览器进行调试，有时候需要查看某个js方法的定义，以及该方法所在的文件路径。 实践 根据某个js方法名，查看其内容 ； 以火狐浏览器为例，查看js方法correctDoc和recordLog方法的是如何定义的。 打开控制台输入一下语句： javascript:al...
nodejs 死循环如何快速定位
Allen_Walker_QAQ的博客
07-19 1276
1.用sudo gcore pid 产生对应进程的core文件。 然后借助第三方工具，比如alinode 分析。 不知道为什么 得到的死循环的时候 进程停留的js函数，并不能很准备的定位出函数。 ...
Js引用资源路径问题
qq_37128815的博客
11-10 1975
Js引用路径问题
js 死循环代码debug
小漠007的专栏
09-25 1455
嗯，那如果抽离这个检测死循环的代码到独立函数，且让有while的程序自己调用，是否就可以一定层度的减少心智压力以及更好的debug呢？首先，我们需要得到运行函数的名字，js并没有提供这样的功能，但是函数的arguments.callee却可以拿到整个函数内容的文本。在检测到有死循环的时候，主动中断程序，并报告当前的死循环的程序的函数的名字。这里的捕获是在不影响原代码的情况下，可以监听到死循环，并主动中断，并暴露死循环的函数名字。在代码里面有大量的while这样的状态机，一不小心就会出现死循环。
原来jdk自带了这么好玩的工具 ＞ 使用 jstack定位死循环
叶新东老师的博客
07-15 3403
什么是jstack jstack的主要作用是查看或者导出java线程的堆栈信息(快照)；用于堆栈跟踪，当我们使用jstack命令时，它会将指定进程内的所有线程中方法的调用栈打印出来。 线程快照是java虚拟机内每一个线程正在执行的方法堆栈的集合，生成线程快照的主要目的是用于定位线程出现问题的位置；常见的问题有 响应时间长 线程死锁 死循环 当线程停顿的时候通过jstack来查看各个线程的调用堆栈，就可以知道线程的执行过程中在后台做了哪些事，在等待哪些资源造成的卡顿。 使用方法 命令格式 jstack
js for 死循环
10-20
JS中的for循环可以通过设置循环条件来控制循环次数，但如果循环条件一直为true，就会导致死循环。例如，引用中的代码就是一个死循环，因为i的值一直小于等于10，而每次循环i的值都会减1，所以循环永远不会结束。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值