как установить точки останова DOM в Chrome

Я пытаюсь следовать руководствуВот.

Я застрял в разделеDOM Breakpoints (возле дна).

Я пошел впример сайта они говорят о. Я нажалctrl+shift+i и перейти к «элементам» Вкладка. На вкладке элементов я нашел следующий раздел HTML:

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

Теперь я застрял, пытаясь найти контекстное меню:

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

Вот скриншот, чтобы показать, где я нахожусь:

ss

Ответы на вопрос(3)

Решение Вопроса

откройте инспектор, как показано выше, и нажмите на параметр «Сценарии» вверху. Это позволит вам взглянуть на сценарии, используемые на странице, и вставить точки останова на этой странице. А также шаг за ними и другие полезные варианты отладки.

Выше для javascript, чтобы разбить на dom-элементы правой кнопкой мыши на элементе (внутри инспектора), который вы хотите разбить, и он вызовет контекстное меню, которое позволяет вам разбить на поддерево модификации и тому подобное.

 30 июн. 2015 г., 17:32
У @James chrome теперь есть возможность форсировать состояние элемента. Я не очень много работаю с перетаскиваемыми предметами, но вы, возможно, захотите разобраться в этом.
 23 нояб. 2014 г., 00:35
Как бы вы добавили точку останова к элементу, который присутствует только при нажатии и перетаскивании? Щелчок правой кнопкой мыши или вкладка в окне инспектора удаляет элемент, с которым я пытаюсь работать.
open element panel on devTools. inspect or find out the DOM element. right click on it and select break on...

Subtree Modifications A subtree modification breakpoint is triggered when a child element is added, removed, or moved.

Attributes Modifications An attribute modification occurs when the attribute of an element (class, id, name) is changed dynamically.

Node Removal A node removal modification is triggered when the node in question is removed from the DOM.

Предоставьте ссылку на упражнение здесь, наслаждайтесь :) Упражнение DOM Breakpoints & # x200E;

что вы можете просто щелкнуть правой кнопкой мыши элемент на панели элементов и перейти к:

Break On... и выберитеSubtree modifications, Attributes modifications, или жеNode removal

enter image description here

 09 февр. 2017 г., 12:14
Когда я щелкаю элемент и активирую «Атрибуты изменений», он не прерывается, когда атрибут класса изменяется скриптом
 10 февр. 2017 г., 02:30

Ваш ответ на вопрос