Судя по всему, Break on attributes modifications не срабатывает в onload, либо я что-то делаю не так.
html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="style.css">
<script defer src="script.js"></script>
</head>
<body>
Hello, world!
</body>
</html>
style.css
body:before {
content: "ver 1."
}
body.ver2:before {
content: "ver 2."
}
body.ver3:before {
content: "ver 3."
}
script.js
function onready() {
b = document.getElementsByTagName("body")[0];
b.classList.add('ver2');
setTimeout(ver3, 3000);
}
function ver3() {
b.classList.add('ver3');
}
document.addEventListener('DOMContentLoaded', onready);
Так вот. Ставлю для body Break on attributes modifications и остановка в js происходит только в момент срабатывания ver3().
Как отловить изменение из onready?