Оновлення адресного рядка новою URL-адресою без хешу або перезавантаження сторінки

Я або мріяв про хром (канал розробок), який реалізує спосіб оновлення адресного рядка через javascript (шлях, а не домен) без перезавантаження сторінки, або вони дійсно зробили це.

Однак я не можу знайти статтю, яку, напевно, прочитав.

Я божевільний чи є спосіб це зробити (у Chrome)?

ps Я не говорю про window.location.hash та ін. Якщо вищесказане існує, відповідь на це питання не відповідає дійсності.

Тепер це можна зробити в більшості "сучасних" браузерів!

Ось оригінальну статтю, яку я прочитав (опубліковано 10 липня 2010 р.): HTML5: Зміна URL-адреси браузера без оновлення сторінки .

Для більш поглибленого ознайомлення з pushState / substituState / popstate (він же API історії HTML5) див. Документи MDN .

TL; DR, ви можете це зробити:

window.history.pushState("object or string", "Title", "/new-url");

Дивіться мою відповідь на зміну URL-адреси, не перезавантажуючи сторінку, щоб ознайомитись із основними способами.

Зміна лише того, що є після хеш-старих браузерів

document.location.hash = 'lookAtMeNow';

Зміна повної URL-адреси. Chrome, Firefox, IE10 +

history.pushState('data to be passed', 'Title of the page', '/test');

Сказане додасть новий запис до історії, щоб ви могли натиснути кнопку Назад, щоб перейти до попереднього стану. Щоб змінити URL-адресу на місці, не додаючи новий запис до використання історії

history.replaceState('data to be passed', 'Title of the page', '/test');

Спробуйте запустити їх у консолі зараз!

Оновіть відповідь Девідса, щоб навіть виявити браузери, які не підтримують pushstate:

if (history.pushState) {
  window.history.pushState("object or string", "Title", "/new-url");
} else {
  document.location.href = "/new-url";
}

var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?foo=bar';
window.history.pushState({path:newurl},'',newurl);