Современные браузеры, например Safari, Firefox, Edge, Chrome, Яндекс и другие — имеют встроенные инструменты разработчика (Devtools). С их помощью можно посмотреть исходный код сайта, какая информация хранится в cookie, а какая в local storage. Проверить какие запросы отправляет сайт и какие ответы присылает сервер. И много что ещё.
<aside> 💡 Мы рассмотрим инструменты разработчика на примере Chrome DevTools
</aside>
Как открыть Chrome DevTools?
OS | Elements | Console | Выбор последней панели |
---|---|---|---|
Windows or Linux | Ctrl + Shift + C | Ctrl + Shift + J | F12 |
Ctrl + Shift + I | |||
Mac | Cmd + Option + C | Cmd + Option + J | Fn + F12 |
Cmd + Option + I |
Запомнить легко:
Вкладка Elements содержит две кнопки: