hosting:dev-console

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
hosting:dev-console [2020/04/17 09:59]
karlov
hosting:dev-console [2020/04/25 18:51] (текущий)
zinenko
Строка 1: Строка 1:
 ====== 2.41. Открытие консоли разработчика ====== ====== 2.41. Открытие консоли разработчика ======
  
-  * [[#google_chrome|Google Chrome]]+<tabs justified="true" stacked="true" fade="true"> 
 + 
 +  * [[#google_chrome|Chrome]]
   * [[#firefox|Firefox]]   * [[#firefox|Firefox]]
-  * [[#яндексбраузер|Яндекс.Браузер]]+  * [[#yandex|Яндекс.Браузер]]
   * [[#opera|Opera]]   * [[#opera|Opera]]
   * [[#edge|Edge]]   * [[#edge|Edge]]
   * [[#safari|Safari]]   * [[#safari|Safari]]
-    * [[#включение|Включение]] 
-    * [[#открытие|Открытие]] 
  
-===== Google Chrome =====+<pane id="google_chrome">
  
 Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или сочетание <key>Ctrl+Shift+I</key>, либо в меню браузера нажмите «**Дополнительные инструменты → Инструменты разработчика**»:{{ :hosting:chrome-dev-tools.png?nolink |}} Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или сочетание <key>Ctrl+Shift+I</key>, либо в меню браузера нажмите «**Дополнительные инструменты → Инструменты разработчика**»:{{ :hosting:chrome-dev-tools.png?nolink |}}
 После открытия переключитесь на вкладку «**Console**»:{{ :hosting:chromium-console.png?nolink |}} После открытия переключитесь на вкладку «**Console**»:{{ :hosting:chromium-console.png?nolink |}}
  
-===== Firefox =====+</pane> 
 +<pane id="firefox">
  
 Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или сочетание <key>Ctrl+Shift+I</key>, либо в меню браузера нажмите «**Веб-разработка → Инструменты разработчика**»:{{ :hosting:firefox-dev-tools.gif?nolink |}} Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или сочетание <key>Ctrl+Shift+I</key>, либо в меню браузера нажмите «**Веб-разработка → Инструменты разработчика**»:{{ :hosting:firefox-dev-tools.gif?nolink |}}
 После открытия переключитесь на вкладку «**Консоль**»:{{ :hosting:firefox-console.png?nolink |}} После открытия переключитесь на вкладку «**Консоль**»:{{ :hosting:firefox-console.png?nolink |}}
  
-===== Яндекс.Браузер =====+</pane> 
 +<pane id="yandex">
  
 Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или сочетание <key>Ctrl+Shift+I</key>, либо в меню браузера нажмите «**Дополнительно → Дополнительные инструменты → Инструменты разработчика**»:{{ :hosting:yandex-dev-tools.png?nolink |}} Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или сочетание <key>Ctrl+Shift+I</key>, либо в меню браузера нажмите «**Дополнительно → Дополнительные инструменты → Инструменты разработчика**»:{{ :hosting:yandex-dev-tools.png?nolink |}}
 После открытия переключитесь на вкладку «**Console**»:{{ :hosting:chromium-console.png?nolink |}} После открытия переключитесь на вкладку «**Console**»:{{ :hosting:chromium-console.png?nolink |}}
  
-===== Opera =====+</pane> 
 +<pane id="opera">
  
 Чтобы открыть инструменты разработчика, нажмите сочетание <key>Ctrl+Shift+I</key> или в меню браузера нажмите «**Разработка → Инструменты разработчика**»:{{ :hosting:opera-dev-tools.png?nolink |}} Чтобы открыть инструменты разработчика, нажмите сочетание <key>Ctrl+Shift+I</key> или в меню браузера нажмите «**Разработка → Инструменты разработчика**»:{{ :hosting:opera-dev-tools.png?nolink |}}
 После открытия переключитесь на вкладку «**Console**»:{{ :hosting:chromium-console.png?nolink |}} После открытия переключитесь на вкладку «**Console**»:{{ :hosting:chromium-console.png?nolink |}}
  
-===== Edge =====+</pane> 
 +<pane id="edge">
  
 Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или в меню браузера нажмите «**Дополнительные средства → Средства разработчика**»:{{ :hosting:edge-dev-tools.png?nolink |}} Чтобы открыть инструменты разработчика, нажмите <key>F12</key> или в меню браузера нажмите «**Дополнительные средства → Средства разработчика**»:{{ :hosting:edge-dev-tools.png?nolink |}}
 После открытия переключитесь на вкладку «**Консоль**»:{{ :hosting:edge-console.png?nolink |}} После открытия переключитесь на вкладку «**Консоль**»:{{ :hosting:edge-console.png?nolink |}}
  
-===== Safari =====+</pane> 
 +<pane id="safari">
  
 В Safari инструменты разработчика по умолчанию отключены, поэтому перед открытием их нужно предварительно включить. В Safari инструменты разработчика по умолчанию отключены, поэтому перед открытием их нужно предварительно включить.
 +  * [[#включение|Включение]]
 +  * [[#открытие|Открытие]]
  
 ==== Включение ==== ==== Включение ====
Строка 49: Строка 56:
 Чтобы открыть инструменты разработчика, нажмите сочетание <key>'⌥'+'⌘'+I</key></key> или в верхнем меню нажмите «**Разработка → Показать веб-инспектор**»:{{ :hosting:safari-dev-tools.png?nolink |}} Чтобы открыть инструменты разработчика, нажмите сочетание <key>'⌥'+'⌘'+I</key></key> или в верхнем меню нажмите «**Разработка → Показать веб-инспектор**»:{{ :hosting:safari-dev-tools.png?nolink |}}
 После открытия переключитесь на вкладку «**Консоль**»:{{ :hosting:safari-console.png?nolink |}} После открытия переключитесь на вкладку «**Консоль**»:{{ :hosting:safari-console.png?nolink |}}
 +</pane>
 +</tabs>
  • hosting/dev-console.txt
  • Последнее изменение: 2020/04/25 18:51
  • zinenko