При создании сайтов я часто использую функцию jQuery .data() для добавления данных в элементы.
Можно ли просмотреть все данные, хранящиеся в элементе в Chrome?
Итак, когда я проверяю элемент, он показывает данные в самом Chrome.
Если бы не было возможно написать плагин для 'расширения' на Chrome element inspector, чтобы также показать данные?
Откройте инспектор и в консоли введите
$('<some selector>').data()
а затем нажмите return, чтобы оценить метод data() и сразу показать его возвращаемое значение.
Нет необходимости использовать console.log, если вы не вызываете его в неинтерактивном коде.
Можно найти в Chrome Extensions Webstore и добавляет еще одну вкладку в панель свойств в инструментах разработчика.
Введите в консоль хром:
console.log($('selector').data());
и он отобразит data в этом элементе
По этой причине я не использую шаблон $(selector).data(), и вместо этого я использую более естественный HTML $(selector).attr('data-name','value'), который добавляет значения в фактический HTML.
$(selector).attr('data-name','value') не работает в браузерах IE8+. .data() является предпочтительным. Кроме того, пользовательский var, такой как say: data-name не является атрибутом в HTML.