Как узнать, что JS меняет стиль на мои элементы в инструментах разработчика Chrome или в инструментах разработки Firefox? - PullRequest
Новая
       55

Как узнать, что JS меняет стиль на мои элементы в инструментах разработчика Chrome или в инструментах разработки Firefox?

0 голосов
/ 23 июня 2019

Мой вопрос - нуб, так как я только изучаю JS, поэтому я еще не очень хорошо разбираюсь.

В настоящее время я создаю веб-сайт, в котором добавлено несколько фрагментов JS для выполнения нескольких действий.Теперь у моего нижнего колонтитула opacity: 0, и он не исходит от CSS, поэтому должен исходить из некоторого JS, но я не могу его найти.Как узнать, что JS изменяет стиль определенного HTML-элемента в Chrome или Firefox DevTools?

Вот снимок экрана, на котором показан код: https://imgur.com/iYIeSPO

Я проверил все свои файлы JS, но не смог найти ничего, что дает мой нижний колонтитул opacity:0.

Ответы [ 3 ]

0 голосов
/ 23 июня 2019

Чтобы предотвратить это, вы можете добавить небольшой тег <script> в конец файла .html.

<!DOCTYPE html>
<html>

<head>
  <title></title>
</head>

<body>
  <footer class="footer" style="opacity: 0;">My footer </footer>
</body>

</html>
<script>
  /* Place this script tag at the end of your document */
  document.getElementsByClassName("footer")[0].style.opacity = 1; //sets opacity of footer element to 1
</script>

Если вы действительно хотите проверить, что меняет ваш атрибут style, вы можете проверить эти руководства из chrome и firefox о том, как установить точки останова в devtools.

Надеюсь, это поможет!

0 голосов
/ 24 июня 2019

Chrome DevTools позволяет вам останавливаться на конкретном изменении структуры DOM.

Для этого щелкните правой кнопкой мыши элемент и выберите Разбить > изменения атрибута в контекстном меню.

Break on attribute modifications

Затем, после добавления атрибута style (может потребоваться перезагрузка страницы), выполнение сценария остановится на строке JavaScript, где произошло изменение.

0 голосов
/ 23 июня 2019

Насколько я знаю, вы не видите, какая часть кода меняет стиль.

Попробуйте установить точки останова, чтобы узнать, где он их устанавливает.

Может, его нет в ваших файлах js? Это может быть элемент скрипта в документе

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...