25 lines
1.9 KiB
Markdown
25 lines
1.9 KiB
Markdown
---
|
||
title: Chrome Developer Tools
|
||
localeTitle: Инструменты разработчика Chrome
|
||
---
|
||
## Средства разработки Chrome Firefox
|
||
|
||
Средства разработки Chrome и Firefox помогают веб-разработчикам анализировать HTML, CSS и Javascript на веб-странице. Они полезны для отладки, оптимизации кода, проверки элементов и т. Д.
|
||
|
||
**Особенности:**
|
||
|
||
* **Page Inspector:** просмотр и редактирование содержимого и макета страницы.
|
||
* **Веб-консоль:** см. Сообщения javascript console.log () и erros
|
||
* **Отладчик JavaScript:** просмотр и изменение JavaScript на странице
|
||
* **Сетевой монитор:** см. Сетевые запросы, сделанные при загрузке страниц.
|
||
* **Инструменты производительности:** анализ компьютерных ресурсов, используемых сайтом
|
||
|
||
### Доступ к инструментам разработки
|
||
|
||
1. В строке меню в верхней части экрана выберите «Вид»> «Разработчик»> «Инструменты разработчика». Инструменты появятся внизу, сбоку или в виде всплывающего окна.
|
||
2. На веб-странице щелкните правой кнопкой мыши элемент. Когда появится меню, выберите «Осмотреть».
|
||
|
||
### Дополнительная информация:
|
||
|
||
* [Chrome DevTools](https://developer.chrome.com/devtools)
|
||
* [Средства разработки Firefox](https://developer.mozilla.org/en-US/docs/Tools) |