0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>DevTools - это мощный инструмент для отладки и анализа происходящего на странице. Эффективная разработка фронтенда без него невозможна.</p>
1
<p>DevTools - это мощный инструмент для отладки и анализа происходящего на странице. Эффективная разработка фронтенда без него невозможна.</p>
2
<p>Современные браузеры уже полностью оснащены этими инструментами. Вам просто нужно найти их в меню и активировать. И стоит потратить время на изучение возможностей DevTools.</p>
2
<p>Современные браузеры уже полностью оснащены этими инструментами. Вам просто нужно найти их в меню и активировать. И стоит потратить время на изучение возможностей DevTools.</p>
3
<p>Мы можем использовать DevTools для очень многих вещей, но этого курса недостаточно, чтобы изучить все. В Интернете полно статей о самых мощных способах использования DevTools и его скрытых возможностях. Поэтому здесь мы рассмотрим только основные из них.</p>
3
<p>Мы можем использовать DevTools для очень многих вещей, но этого курса недостаточно, чтобы изучить все. В Интернете полно статей о самых мощных способах использования DevTools и его скрытых возможностях. Поэтому здесь мы рассмотрим только основные из них.</p>
4
<h2>Анализ ошибок</h2>
4
<h2>Анализ ошибок</h2>
5
<p>Все ошибки, возникающие в браузерном JavaScript, выводятся в консоль. Вы можете просмотреть их и открыть исходный код, чтобы увидеть, где возникла ошибка.</p>
5
<p>Все ошибки, возникающие в браузерном JavaScript, выводятся в консоль. Вы можете просмотреть их и открыть исходный код, чтобы увидеть, где возникла ошибка.</p>
6
<h2>Выбранный элемент</h2>
6
<h2>Выбранный элемент</h2>
7
<p>Выбрав элемент таким образом, вы можете перейти на вкладку console и набрать $0. Так вы получите доступ к этому элементу.</p>
7
<p>Выбрав элемент таким образом, вы можете перейти на вкладку console и набрать $0. Так вы получите доступ к этому элементу.</p>
8
<h2>Поиск</h2>
8
<h2>Поиск</h2>
9
<p>С помощью функции $() можно упростить поиск элементов по селектору. Сравните:</p>
9
<p>С помощью функции $() можно упростить поиск элементов по селектору. Сравните:</p>
10
<h2>console.dir</h2>
10
<h2>console.dir</h2>
11
<p>Функция console.dir выводит DOM-узлы в формате, который удобно анализировать.</p>
11
<p>Функция console.dir выводит DOM-узлы в формате, который удобно анализировать.</p>
12
<h2>Рекомендуемые программы</h2>
12
<h2>Рекомендуемые программы</h2>