Elements断点有什么用处
发布时间:2021-12-27 10:07:51 所属栏目:系统 来源:互联网
导读:本篇内容主要讲解Elements断点有什么作用,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习Elements断点有什么作用吧! SAP Engagement Center UI的这个按钮会每秒钟刷新一次,显示页面已经打开了多长时间。 需求:
本篇内容主要讲解“Elements断点有什么作用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Elements断点有什么作用”吧! SAP Engagement Center UI的这个按钮会每秒钟刷新一次,显示页面已经打开了多长时间。 需求:需要找到哪行JavaScript代码不断刷新的按钮文字。 按照经验判断,这个文字肯定是一个JavaScript function通过setTimeout每隔一秒执行的。如何快速找到这个function以及setTimeout的调用位置呢? 1. 利用Chrome开发者工具的Elements标签页功能,找到该按钮HTML源代码对应的标签。 2. 右键单击该标签,选择Break on->subtree modification: 一秒钟之后,断点会自动触发,停留在该元素的innerHTML发生变化的代码位置。从代码478我们得知,UI上按钮的文字能够刷新,是因为其dom元素的innerHTML属性被修改的缘故。 从调用栈也能迅速找到setTimeout的调用位置和调用间隔(1秒) (编辑:我爱故事小小网_铜陵站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |