Как открыть инструменты разработчика в браузере

Инструменты веб-разработчика, включенные в большинство основных Интернет-браузеры полезны по нескольким причинам. Например, их можно использовать для отлаживать код и тестировать изменения в HTML, CSS, и JavaScript в реальном времени. Чтобы узнать, как открыть инструменты разработчика, выберите браузер из списка ниже и следуйте инструкциям..

• Гугл Хром
• Mozilla Firefox
• Microsoft Edge
• Microsoft Internet Explorer
• Сафари
• Опера

Гугл Хром

1. Открой Гугл Хром браузер.
2. Щелкните значок Настройка и управление Google Chrome значок в правом верхнем углу окна браузера.
3. От выпадающее меню что появляется, переместите свой курсор мыши над Дополнительные инструменты, и выберите Инструменты разработчика из расширенного меню.
4. Теперь вы увидите новый раздел внизу экрана, содержащий инструменты разработчика..

Кончик

В Chrome нажатие клавиши F12 или Ctrl + Shift + I (или Командование+option + I на Mac) также вызывает интерактивные инструменты разработчика.

Mozilla Firefox

1. Открой Mozilla Firefox браузер.
2. Щелкните значок Меню значок в правом верхнем углу экрана.
3. Переместите свой курсор мыши над Веб-разработчик в выпадающее меню, и выберите Переключить инструменты из расширенного меню.
4. Теперь вы увидите новый раздел внизу экрана, содержащий инструменты разработчика..

Кончик

В Firefox нажатие клавиши F12 или Ctrl + Shift + I (или Командование+option + I на Mac) также вызывает интерактивные инструменты разработчика.

Microsoft Edge

1. Открой Microsoft Edge браузер.
2. Щелкните значок Настройки и многое другое значок в правом верхнем углу экрана.
3. Переместите свой курсор мыши над Дополнительные инструменты в выпадающее меню, и выберите Инструменты разработчика из расширенного меню.
4. Теперь вы увидите новый раздел в правой части экрана, содержащий инструменты разработчика..

Кончик

В Microsoft Edge нажатие клавиши F12 или Ctrl + Shift + I также вызывает интерактивные инструменты разработчика..

Microsoft Internet Explorer

1. Открой Internet Explorer браузер.
2. Нажмите Инструменты в правом верхнем углу.
3. Выбирать Инструменты разработчика F12 от выпадающее меню.

1. Должно открыться новое окно, содержащее инструменты разработчика..

Кончик

В Internet Explorer нажатие клавиши F12 также вызывает ДОМ и окно меню инструментов разработчика.

Сафари

В Safari инструменты разработчика по умолчанию отключены. В следующих разделах показано, как включить эту функцию, а затем как получить к ней доступ..

Доступ к параметрам разработчика в Safari

1. Открой Сафари браузер.
2. Выбирать из строки меню в верхнем левом углу экрана.
3. в выпадающее меню появится, выберите Предпочтения.

1. Щелкните значок Передовой вкладка, и установите флажок рядом с Показать меню разработки в строке меню.

1. Теперь вы увидите Развивать селектор в Apple строка меню вверху экрана.

1. Щелкните значок Развивать селектор и выберите Показать веб-инспектор от выпадающее меню.
2. Должно открыться новое окно, содержащее инструменты разработчика..

Кончик

После включения параметров разработчика нажмите Командование+option + I также открывает инструменты разработчика.

Опера

1. Открой Опера браузер.
2. Щелкните значок Опера значок в верхнем левом углу окна браузера.
3. Переместите свой курсор мыши над Разработчик в выпадающее меню, и выберите Инструменты разработчика из расширенного меню.

Кончик

Если вы не видите Разработчик подменю, нажмите кнопку меню и выберите Дополнительные инструменты → Показать меню разработчика. Затем снова нажмите кнопку меню, чтобы увидеть Разработчик запись указана.

1. Теперь вы увидите новый раздел в правой части экрана, содержащий инструменты разработчика..

Кончик

В Opera нажатие клавиши F12 или Ctrl + Shift + I (или Командование+option + I на Mac) также вызывает интерактивные инструменты разработчика.