Найти тему

Адресная строка браузера: переходим на другие сайты с помощью Консоли разработчика

Оглавление

Как театр начинается с вешалки, так и Интернет начинается с браузера - программы по открытию веб-страниц. Чаще всего, для нахождения нужного сайта в повседневной жизни используются поиск в Google или Яндекс, или сохраненные закладки браузера с ссылками нужного сайта. Однако можно напрямую указать в адресной строке название сайта в следующем формате:

https://ya.ru - [http|https|ftp]://[<имя субдомена>|<имя хоста>.]<название второго уровня домена>.<название первого уровня домена>

Но если я вам скажу, что можно не использовать адресную строку для ввода нужной ссылки на интернет-ресурс. Перейти на нужный сайт можно в Консоли разработчика. Как это можно сделать я расскажу в этой статье.

Для начала запустите инструмент разработчика с помощью кнопок Ctrl + Shift + I в активном окне браузера, затем перейдите во вкладку Консоль (Console). В появившейся командной строке вам нужно будет ввести следующую операцию:

location.href = http://ya.ru

Затем нажмите по кнопке Enter, вы можете проделать данное действие и убедиться в том, что ваш браузер перешел на другой сайт, в нашем случае на сайт Яндекса.

Альтернативный способ запуска Консоли разработчика
Альтернативный способ запуска Консоли разработчика

Что еще можно сделать в Консоли?

Команды в консоли позволяют управлять значением адресной строки, их перезапись после знака = приводит к изменению сайта и обновлению страницы. Без присваивания свойства отображают текущее значение параметра. Кратко пройдемся по каждой операции:

  • location.hostname - отображает текущее имя сервера выбранного сайта;
  • location.origin - свойство только для чтения, отображает полный адрес сервера до косой черты (/).
Пример отображения предложенных свойств location
Пример отображения предложенных свойств location

Есть более продвинутые инструменты - методы, которые управляют состоянием перехода на страницу сайта, опишем их подробнее:

  • location.reload() - перезагружаем текущую страницу во вкладке или окне браузера;
  • location.replace(<url>) - переход на другой сайт, указанный в <url> без сохранения в истории браузера предыдущей страницы, на которой вы находились до <url>, на нее нельзя будет перейти по кнопке Назад.

Итоги

В современных браузерах реализован целый интерфейс по работе с адресной строкой с помощью Консоли. Веб-разработчики используют данный инструмент для перенаправления пользователя на другие интернет-ресурсы. Вы же просто можете удивить своих знакомых продвинутыми знаниями при работе с браузером.

Если вас интересует данная тема более подробно, то рекомендую ознакомится с информацией о командах по ссылке на MDN. Подписывайтесь на данный канал, что не пропускать новые статьи по работе с Интернетом как продвинутый пользователь программ.

#браузеры #firefox #google chrome #консоль разработчика