cómo establecer puntos de interrupción DOM en cromo

Estoy tratando de seguir el tutorialaquí.

Estoy atascado en la secciónPuntos de interrupción DOM (cerca de la parte inferior).

Fui a lasitio de ejemplo están hablando sobre. Yo presionéctrl+cambio+i y navegado a la pestaña "elementos". En la pestaña de elementos encontré la siguiente sección html:

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

Ahora estoy atascado tratando de encontrar el menú contextual:

Abra un menú contextual en el elemento #profileCard y seleccione los eventos que desea interrumpir: modificaciones de subárbol, modificaciones de atributos y la eliminación del nodo

Aquí hay una captura de pantalla para mostrar dónde estoy:

Respuestas a la pregunta(3)

Su respuesta a la pregunta