Shulou(Shulou.com)05/31 Report--

This article mainly explains "what is the function of Elements breakpoints". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "what is the role of Elements breakpoints"?

This button on SAP Engagement Center UI refreshes every second to show how long the page has been open.

Requirement: need to find out which line of JavaScript code is constantly refreshing the button text.

As a rule of thumb, this text must be executed every other second by a JavaScript function through setTimeout. How can I quickly find the location of this function and the call to setTimeout?

1. Using the Elements tab feature of the Chrome developer tool, find the tag corresponding to the button's HTML source code.

two。 Right-click the tab and select Break on- > subtree modification:

After a second, the breakpoint automatically triggers and stays in the code where the element's innerHTML has changed. We know from code 478 that the text of the button on UI can be refreshed because the innerHTML attribute of its dom element has been modified.

The call location and call interval of setTimeout can also be quickly found from the call stack (1 second)

At this point, I believe you have a deeper understanding of "what is the role of Elements breakpoints". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.