Когда я добавляю правило CSS в JavaScript, оно не отображается в редакторе стилей Firefox. Что я могу сделать, чтобы показать их в редакторе стилей?
Минимальный рабочий пример
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style></style>
</head>
<body>
<script>
document.styleSheets[0].insertRule("body {background-color:blue;}");
</script>
</body>
</html>
Редактор стилей пуст:
![empty Style Editor](https://i.stack.imgur.com/2SNMJ.png)
Я использую Firefox Developer Edition 65.0b8 (64-разрядная версия).