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

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

Интернет-браузеры

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

Хром

Гугл Хром

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

Вкладка

Кончик

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

Fire Fox

Mozilla Firefox

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

Вкладка Firefox Inspector.

Кончик

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

Microsoft Edge

Microsoft Edge

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

Вкладка

Кончик

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

Internet Explorer

Microsoft Internet Explorer

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

Вкладка DOM Explorer в Internet Explorer.

Кончик

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

Сафари

Сафари

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

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

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

Селектор предпочтений

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

Показать меню «Разработка» в Safari.

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

Селектор разработки в строке меню Apple.

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

Вкладка

Кончик

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

Опера

Опера

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

Кончик

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

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

Вкладка

Кончик

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