Наиболее часто используемые ярлыки DevTools

Использование ярлыков делает вас более быстрым и продуктивным разработчиком.

Вот несколько ярлыков, которые я счел полезными.

1. Command+Option+I

открывает последнюю открытую панель

2. h

скрывает выбранный в данный момент элемент

3. Command+EE

очищает сетевые журналы

4. ESC.

Вызывает консоль на любой вкладке.

Некоторые сочетания клавиш в консоли

2. $

равносильно

document.querySelector
Вход в полноэкранный режим Выйти из полноэкранного режима

3. $$

равно

document.querySelectorAll
Войти в полноэкранный режим Выйти из полноэкранного режима

4. $x

равно

document.querySelector with xPath
Войти в полноэкранный режим Выйти из полноэкранного режима

5.$0, $1, ...

$0 Он точно возвращает элемент в инспекторе элементов, который вы выбрали. (текущий элемент)

$1 возвращает предыдущий элемент.

6. Command + K

равнозначно

clear()
Войти в полноэкранный режим Выйти из полноэкранного режима

Здесь же находится видео плейлист с советами по devtools, который будет постепенно обновляться:

youtube.com

дайте мне знать, какие еще инструменты вы используете регулярно, поделитесь ими в комментариях

Best

Оцените статью
devanswers.ru
Добавить комментарий