como definir pontos de interrupção do DOM no chrome
Estou tentando seguir o tutorialAqui.
Estou preso na seçãoPontos de interrupção do DOM (perto do fundo).
eu fui aosite de exemplo eles estão falando. Eu aperteictrl+mudança+i e navegou para a aba "elementos". Na aba de elementos eu encontrei a seguinte seção html:
<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>
Agora estou preso tentando encontrar o menu de contexto:
Abra um menu de contexto no elemento #profileCard e selecione os eventos que deseja interromper: modificações de subárvore, modificações de atributos e remoção de nó
Aqui está uma captura de tela para mostrar onde estou: