Вызвать инструменты разработчика DevTools в браузере можно несколькими способами: 12

• В Google Chrome, Firefox, Opera. 1 Нажать F12 на клавиатуре, и инструменты разработчика откроются сразу. 1
• Для Windows и Linux. 1 Нажать Ctrl + Shift + I, а для macOS — ⌘ + ⌥+ I. 1
• Кликнуть правой кнопкой мыши на любой элемент страницы. 1 Выбрать пункт «Просмотреть код», или Inspect. 1

В Safari инструменты разработчика сначала нужно включить в настройках: 1

1. Открыть Safari и перейти в меню Safari → Настройки → Дополнения. 1
2. Включить опцию «Показать функции для веб-разработчиков» в строке меню. 1 После этого DevTools можно открывать так же, как и в других браузерах, — комбинацией ⌘ + ⌥ + I или через контекстное меню. 1

В Яндекс Браузере инструменты разработчика тоже нужно сначала включить перед использованием: 1

1. Нажать на кнопку с тремя горизонтальными полосками в правом верхнем углу браузера. 1
2. В выпадающем меню выбрать пункт «Дополнительно». 1
3. Кликнуть на «Дополнительные инструменты». 1
4. Выбрать «Инструменты разработчика». 1 После этого DevTools также можно вызывать клавишей F12. 1