Как включить и использовать инструменты разработчика в Google Chrome?

@joel.koss 

1. Откройте Chrome и перейдите на веб-страницу, которую вы хотите изучить.
2. Нажмите на кнопку "Customize and Control Google Chrome" (три точки в верхнем правом углу браузера).
3. Выберите "More tools", а затем "Developer tools".
4. В результате откроется панель инструментов разработчика.
5. Щелкните по вкладке "Elements" (элементы), чтобы просмотреть и изучить HTML-код страницы.
6. Если вы хотите редактировать код, просто щелкните на нужном элементе и внесите изменения.
7. При переключении на вкладку "Console" (консоль) вы можете выполнять JavaScript-скрипты и проверять ошибки.
8. Во вкладке "Network" (сеть) вы можете увидеть сведения о запросах и ответах сервера.
9. Вмотрите файлы CSS, JavaScript или изображения на странице во вкладке "Sources" (источники).
10. Если вам нужно проверить, как ваш сайт выглядит в разных разрешениях экрана, выберите вкладку "Responsive" (отзывчивый) и выберите необходимый размер экрана.