Я только что открыл пустую HTML-страницу с небольшим количеством базовых тегов (таких как html, body, head и т. д.) в Google Chrome и попытался выполнить следующую команду в консоли:
history.pushState(null, 'my test title', '/test/url');
События истории работают нормально, но заголовок страницы остается неизменным. Это нормально? Должен ли я каждый раз менять его вручную? Если да, то почему в методе pushState() есть такой параметр, как заголовок?
Кажется, текущие браузеры не поддерживают атрибут заголовка pushState. Вы можете легко добиться того же, установив его в JS.
document.title = "This is the new page title.";
document.title, если вы хотите хорошего SEO.
- person Rahul Desai; 27.03.2015
Не рекомендуется устанавливать заголовок с помощью document.title, если вы хотите хорошего SEO.
Вы можете рассмотреть возможность использования History.js.
History.js изящно поддерживает API истории/состояния HTML5 (pushState, replaceState, onPopState) во всех браузеры. Включая постоянную поддержку данных, заголовков, replaceState. Поддерживает jQuery, MooTools и Prototype.
Следующий код изменит заголовок страницы при использовании history.pushState
$(document).prop('title','your page title');
Он также работает с IE.
document.title = 'your page title'; отлично справляется с этой задачей (и, по сути, это то, что jQuery делает внутри)
- person Zander Brown; 15.06.2017
В настоящее время заголовок изменяется во всех современных браузерах с помощью history.push(), но вы должны изменить URL-адрес. Если вы добавите только «#locationhash», это не изменит заголовок, что имеет смысл.
