Home/ Questions/Q 8006569
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T17:33:19+00:00

I’m trying to follow the tutorial here . I’m stuck on the section DOM

  • 0

I’m trying to follow the tutorial here.

I’m stuck on the section DOM Breakpoints (near the bottom).

I went to the example site they are talking about. I pressed ctrl+shift+i and navigated to “elements” tab. In the elements tab I found the following html section:

<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>

Now I’m stuck trying to find the context menu:

Bring up a context menu on the #profileCard element and select the
events you want to break on: subtree modifications, attributes
modifications, and the node removal

Here is a screenshot to show where I am:

ss

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To set break points in Chrome bring up the inspector like you have shown above and click on the scripts option at the top. This will allow you to look at the scripts being used on the page and to insert break points on that page. As well as step through them and other useful debugging options.

    The above is for javascript, to break on dom elements right click on the element (inside of the inspector) that you want to break on and it will bring up the context menu that allows you to break on subtree modifications and stuff like that.

    • 0