Как изменить URL окна без перенаправления или перезагрузки страницы?

Question

Когда я нажимаю «Liked By» под постом Instagram, он показывает всплывающее окно со списком людей, которым понравился этот пост.Так или иначе, он также изменяет URL-адрес с www.instagram.com на www.instagram.com/p/<some random alphanumeric text here>/liked_by/.Как видите, URL-адрес изменился без перезагрузки страницы, и там тоже нет #.Как это сделать?

У меня есть опыт работы в .NET, но я не в курсе последних веб-технологий, и этот вопрос не зависит от технологий, потому что я не знаю, что использует технология instagram, но чувствую себя свободночтобы указать мне правильное направление, и я исследую .NET-эквивалент того, что происходит.

Answer 1

Я думаю, что вы ищете метод history.pushState, он позволяет вам вставить URL в историю страниц навигации и изменит ссылку на URL на значение, которое вы передали. В приведенных вами примерах это будет выглядеть так:

history.pushState({}, "some title", "/p/<some random alphanumeric text here>/liked_by/")

Принимает как относительные, так и абсолютные пути.

Все это делается через javascript на стороне браузера, я не думаю, что вы можете сделать это без javascript. Если вы хотите проверить историю API, вы можете проверить это здесь .