Инструменты разработчика Chrome - Найти подходящее имя или атрибут Id в Javascript?
Когда я выделяю ввод в браузере Chrome, а затем в контекстном меню нажимаю "Проверить элемент", появляется всплывающее окно инструментов разработчика Chrome.
Предположим, в Chrome Developer Tools это будет отображаться:
<input type="radio" name="lineType_phone" id="lineType_new" value="new">
Когда я нажму на вход, появится скрытый div. Я хотел бы видеть, как это было закодировано в JavaScript.
Есть ли способ поиска name="lineType_phone" или же id="lineType_new" в любом из файлов JavaScript или события отладки щелчка для этого атрибута / ввода?
3 ответа
Поиск файлов может не решить вашу проблему. Поскольку иногда файлы минимизируются или события используют много переменных, это означает, что поиск name="lineType_phone" может быть не полезно
Как насчет поиска событий, связанных с элементом?
Код ниже покажет события, связанные с самим элементом
$._data( $("#myElement")[0], "events" ); //don't forget to get the first elem of array
Однако некоторые события добавляются через делегирование. Это означает, что событие может быть связано с родительским элементом DOM. Если это так, попробуйте поискать события на родительском элементе так:
$._data( $("#myElement").parent()[0], "events" );
Когда вы просматриваете файл Javascript на вкладке Источник, вы можете использовать Ctl-f для поиска строки. Я не думаю, что есть способ искать все файлы скриптов одновременно. Вы должны сделать каждый в отдельности.
Во-первых, вы должны убедиться, что это в javascript.
Некоторые свойства css3 могут создавать эффект:hover {display:block}.
Во-вторых, на вкладке "источник" нажмите кнопку "ящик" в верхнем правом углу (чаще всего слева одну из трех правых угловых кнопок).
Кроме того, есть вкладка поиска в разделе ниже, я полагаю, что вы можете выполнить "полнотекстовый" поиск по всем сценариям JavaScript.