Инструменты разработчика в Opera, основанные на движке Chromium, почти не отличаются от аналогичных инструментов в Chrome и Edge. 4

Некоторые функции, которые доступны в инструментах разработчика Opera:

• Elements. 23 Позволяет просматривать и редактировать HTML и CSS код страницы в режиме реального времени. 3 Можно изменять стили элементов, добавлять новые теги, отслеживать изменения в DOM-дереве и другое. 3
• Console. 23 Отображает сообщения об ошибках JavaScript, предупреждения, логи и другую отладочную информацию. 3 Здесь же можно выполнять команды JavaScript в контексте текущей страницы. 3
• Sources. 23 Предоставляет доступ к исходному коду веб-страницы, включая HTML, CSS, JavaScript файлы и изображения. 3 Можно устанавливать точки останова, отлаживать код построчно, просматривать значения переменных и другое. 3
• Network. 23 Отображает информацию о сетевых запросах, отправляемых браузером при загрузке страницы. 3 Можно анализировать время загрузки ресурсов, отслеживать HTTP-заголовки, просматривать содержимое запросов и ответов. 3
• Performance. 23 Позволяет анализировать производительность веб-страницы, выявлять узкие места и оптимизировать скорость загрузки. 3
• Memory. 23 Отображает информацию об использовании памяти веб-страницей, помогает выявлять утечки памяти и оптимизировать потребление ресурсов. 3
• Application. 23 Предоставляет доступ к данным веб-приложения, таким как локальное хранилище, куки, кеш и база данных IndexedDB. 3
• Security. 25 Отображает информацию о безопасности текущей страницы, включая сертификаты SSL и потенциальные уязвимости. 2

Кроме того, Opera позволяет эмулировать различные мобильные устройства, чтобы проверить, как сайт отображается на разных экранах. 3