페이지를 다시로드하지 않고 주소 표시 줄의 URL을 어떻게 변경합니까?

Question

Shopify는 어떻게합니까? 자신의 웹 사이트로 이동 기능 링크를 클릭하면 브라우저의 주소 표시 줄에 URL 말하는 것을 볼 수 있습니다 :

http://www.shopify.com/tour/sell-online

그런 다음 하위 링크 중 하나를 클릭하면 URL 것을 볼 수 있습니다 주소 표시 줄에 해시를 사용하지 않고 변경하고 페이지 뒤집기가 없습니다.

나는 모든 내용이 페이지의 숨겨진 div에 포함 된 것으로 보이기 때문에 아약스를 사용하고 있다고 생각하지 않지만 클라이언트 측 트릭을 사용하여 URL을 변경할 수는 있습니다. 귀하의 도움을 주시면 감사하겠습니다.

Answer 1

새 HTML5 기록 API를 사용하여 새 상태를 푸시합니다.

여기에 the MDN documentation 및 a good tutorial입니다.

이렇게하는 것은 종종 고통 스럽습니다 (응용 프로그램의 상태를 올바르게 관리해야 함) 및 it doesn't work with IE9입니다. 거의 항상 ajax와 결합되어 있습니다 : 전체 페이지를 다시로드하거나 변경하지 않아도 동적으로로드 된 내용을 북마크 할 수있는 솔루션입니다.

Answer 2

pushState으로 조사하십시오. 그러나 모든 브라우저에서 지원되지는 않습니다.