Как инстаграм это делает?

Открываем любой инстраграм (например), тыкаем на любую фотку - ссылка в адресной строке браузера меняется. Это в JavaScript такое делается? Я в свои бородатые студенческие годы читал, что JavaScript такое не умеет делать по соображениям безопасности. Но видимо стандарты поменялись?

 

Сел наконец-то за эту штуку. Есть каталог. Когда нажимаешь на элемент - всплывает окно, адресная строка меняется например на /catalog/17. Закрываешь окно - адресная строка меняется обратно на /catalog/. Это всё работает. Ежели кому интересно как оно работает, то вот:

Код (Javascript):

1. // я использую плагин FancyBox 2 для всплывающих окон
2. // после успешного аджакса по клику, контент выплёвывается во всплывающее окно
3. $.fancybox({
4.    content: result['html'],
5.    afterClose: function() {
6.       // при закрытии окна, возвращаемся в каталог
7.       window.history.pushState({nav:'popup'}, '', '/catalog/');
8.    }
9. });
10. // тут адресная строка меняется на /catalog/17 например
11. window.history.pushState({nav:'popup'}, '', '/catalog/'+Id);

А теперь вот в чём загвоздка.
Если после закрытия всплывающего окна, нажать в браузере "назад", то ссылка поменяется на /catalog/17, но всплывающее окно естественно не откроется, потому что не было клик-эвента. Как с этим быть? Как поймать эвент изменения ссылки и повесить на него свою функцию?
--- Добавлено ---
Ещё аналогичная ситуация. Если открыть всплывающее окно, потом нажать "назад" в браузере, то ссылка меняется на /catalog/, но всплывающее окно не закрывается.

 

А как в том же Инстаграмме сделано доподлинно не известно? Загружать фронт-энд фреймворком из-за такой фигни не хотелось бы, попробую найти библиотеку.

 

Походу тут и плагин не нужен, вот то что я искал:
http://stackoverflow.com/questions/...-changes-of-the-history-via-history-pushstate

 

@igordata Вообще ничего не надо. Вот весь код:

Код (Javascript):

1. window.onpopstate = history.onpushstate = function(e) {
2.    $('body').html(window.location.href); // тест
3. };

Ловит именно нажатия в браузере вперёд-назад, но не когда ты вызываешь в скрипте window.history.pushState.

 

Короче у меня вот такая штука получилась. По-моему красота.

Код (Javascript):

1. window.onpopstate = history.onpushstate = function(e) {
2.    var uri = window.location.pathname;
3.    uri = uri.split('/');
4.    uri.forEach(function(value, key, arr) {
5.       if (value == 'catalog') {
6.          var Id = parseInt(arr[key+1]);
7.          if (Number.isInteger(Id)) {
8.             alert(Id);
9.          } else {
10.             $('.fancybox-overlay').remove();
11.          }
12.          return false;
13.       }
14.    });
15. };