Обновлено: 29 сентября 2024 г.
В этом кратком руководстве я объясню, как отслеживать путь перенаправления URL-адреса с помощью Chrome DevTools. Этот метод быстрый и не требует никаких дополнительных инструментов или плагинов, кроме самого Chrome.
Если вы больше склонны к визуальному обучению, я также приглашаю вас посмотри мое видео где я демонстрирую эти шаги в реальном времени. Вы сможете следить за тем, как я объясняю, как проверять перенаправления в Chrome DevTools.
Действия по отслеживанию перенаправлений с помощью Chrome DevTools
Вот видеоверсия:
Вот письменная версия:
- Откройте инструменты разработчика Chrome.. Для начала откройте Chrome DevTools. Есть два способа сделать это:
- Щелкните правой кнопкой мыши в любом месте страницы и выберите «Проверить» в раскрывающемся списке. Альтернативно нажмите
Ctrl+Shift+I
в Windows (илиCmd+Option+I
на Маке).
Откроется панель DevTools, содержащая все инструменты, необходимые для анализа сетевых запросов к странице.
- Щелкните правой кнопкой мыши в любом месте страницы и выберите «Проверить» в раскрывающемся списке. Альтернативно нажмите
- Перейдите на вкладку «Сеть».. Когда DevTools откроется, найдите Сеть вкладка вверху. Эта вкладка позволяет вам видеть всю сетевую активность, включая HTTP-запросы, ответы и перенаправления. Если вы не видите никаких данных, убедитесь, что кнопка записи сетевой активности включена (красная точка).
- Перезагрузить страницу. После открытия вкладки «Сеть» необходимо перезагрузить страницу, чтобы перехватить все запросы. Нажимать
F5
илиCtrl+R
(на Mac нажмитеCmd+R
), чтобы обновить страницу. Это заставит браузер отправить новый набор сетевых запросов, включая любые возможные перенаправления. - Найдите перенаправления в сетевом журнале. В появившемся списке сетевых запросов найдите несколько записей, соответствующих одному и тому же ресурсу. В первом запросе обычно отображается исходный URL-адрес, и если происходит перенаправление, за ним последуют последующие запросы. Редиректы будут отображаться в виде отдельных строк, показывая, как браузер следовал цепочке.
- Проверьте заголовки на предмет деталей перенаправления. Чтобы увидеть, куда перенаправление отправляет браузер, нажмите на один из запросов. Затем перейдите в Заголовки вкладка справа. Прокрутите вниз до Заголовки ответов раздел. Ищите Расположение заголовок — здесь вы увидите целевой URL-адрес для перенаправления. Вы можете просмотреть каждый шаг цепочки, чтобы просмотреть все URL-адреса, участвующие в процессе перенаправления.
- Проверьте окончательный код статуса. Как только вы дойдете до последнего запроса, проверьте код состояния. А
200 OK
Статус указывает, что последняя страница успешно загружена. Однако если страница заканчивается404
или другой статус ошибки, могут возникнуть проблемы с цепочкой перенаправления, требующие дальнейшего изучения.
Другие инструменты, которые вы можете использовать для отслеживания перенаправлений
Хотя Chrome DevTools — отличный инструмент для отслеживания перенаправлений, существуют и другие методы и инструменты, которые могут удовлетворить ваши потребности, особенно если вам нужно массово отслеживать перенаправления:
- Отслеживание перенаправления ссылок (Расширение Chrome) — это легкий инструмент для проверки цепочек перенаправлений прямо в браузере.
- Кричащая лягушка SEO-паук может просканировать весь ваш сайт и помочь вам найти проблемные перенаправления. Это особенно полезно для крупных веб-сайтов с множеством URL-адресов.