Со вчерашнего дня, каждый раз, когда я пытаюсь напрямую изменить существующий стиль CSS с помощью инструментов разработчика Chrome, он открывает консоль JavaScript и фокусируется на ней. Это влияет только на localhost и не влияет на живые сайты.
Например, вот как выглядит тег body
на сайте, над которым я работаю:
Если я пытаюсь изменить margin
до 5px
, как только я нажимаю на значение и начинаю печатать, оно открывает и фокусирует Консоль вместо этого:
Обратите внимание, что в качестве значения введено значение 5
, но px
оказался в автоматически открывшемся окне консоли.
Это происходит не только при наборе текста. Я заметил следующие вещи:
- При первом открытии инструментов разработчика открывается вкладка Консоль (примерно через полсекунды, хотя она не была открыта, когда я в последний раз использовал инструменты разработчика).
- Это также происходит при изменении цветов с помощью палитры цветов Chrome - как только цвет выбран, он открывается и фокусируется на консоли.
- Это также происходит при использовании стрелок вверх и вниз для увеличения или уменьшения значений.
- Этого не происходит при ручном вводе объявлений нового стиля или добавлении новых свойств стиля через область element.style .
- Это также не происходит при вводе имен свойств, только их значений (например, если я добавляю новое объявление
padding
к существующему объявлению стиля, я могу набрать «padding:» просто отлично, но как только я ввожу значение, оно фокусируется консоль).
Есть идеи, почему это происходит? Это не происходило вчера утром, и я не обновил Chrome и не изменил какие-либо настройки (по крайней мере, не намеренно).