Перейдите на http://www.facebook.com/facebook?v=wall, затем щелкните вкладку информации . Контент будет загружен, и адресная строка теперь станет http://www.facebook.com/facebook?v=info, но веб-страница не перезагрузилась.
Сначала я думаю, что это Ajax, но у меня вопрос, как изменить адресную строку без перезагрузки? Я знаю, что могу изменить привязку (#wall) с помощью JS, но строку запроса (? V = wall), как?
Он использует новую функцию HTML5 history.pushState(), позволяющую странице замаскироваться под URL-адрес, отличный от того, с которого он был первоначально получен.
Похоже, что на данный момент это поддерживается только WebKit, поэтому остальные из нас видят ?v=wall#!/facebook?v=info вместо ?v=info.
Эта функция позволяет правильно добавлять в закладки динамически загружаемые страницы, обмениваться ими и т. Д. Между пользовательскими агентами, поддерживающими и не поддерживающими JS. Потому что, если вы как пользователь JS связали кого-то с ?v=wall#!/facebook?v=info, а его браузер не поддерживал JS и XMLHttpRequest, страница для них не работала бы. #! также используется в качестве подсказки поисковым системам для загрузки версии, отличной от AJAX.
@Snoob - я был бы признателен, если бы вы приняли ответ @bobince вместо этого он сначала был на правильном пути в отношении специфики. Поскольку я не могу удалить / удалить это, пока оно не будет принято, я обновлю его, чтобы он был как можно более правильным.
В настоящий момент вы видите (или, скорее, не видите) конкретную вещь WebKit (Chrome, Safari и т. д.), как @ bobince указывает, что в других браузерах вы можете видеть реальный URL-адрес на панели:
http://www.facebook.com/facebook?v=wall#!/facebook?v=info\
Где Chrome просто показывает:
http://www.facebook.com/facebook?v=info
В этом есть некоторый смысл, , учитывая то, как вы делаете контент AJAX доступным для сканирования с поисковой системой Google, поэтому их браузер также распознает, откуда поступает контент.
Исправление специфики: браузеры Webkit показывают сокращенный URL-адрес, который facebook хочет использовать с помощью функций истории HTML 5 вы можете увидеть здесь код (обратите внимание на HistoryManager), в данном случае они конкретно используют _ 4_, чтобы заменить URL, по которому вы перешли, на доступный прямой.
Примечание. Этот ответ может быть недействителен позже (бит, специфичный для WebKit), поскольку другие браузеры все больше и больше поддерживают функции HTML5, это может быстро устареть.
/#! в URL-адресах Twitter, но не в URL-адресах Facebook.
- person chigley; 03.10.2010
history поддержка HTML5, у @bobince правильная идея, хотя для этого конкретного примера он использует .replaceState() вместо .pushState() (хотя facebook использует его в другом месте). Посмотрите объект HistoryManager здесь: static.ak.fbcdn.net /rsrc.php/zF/r/4A0A_IDcjJ7.js
- person Nick Craver; 03.10.2010
#! тоже полезна. Я раньше не видел, чтобы это определялось как стандартное поведение паука, надеюсь, другие движки тоже это подберут.
- person bobince; 04.10.2010
Разработчикам MooTools я рекомендую попробовать плагин cpojer mootools-history, который обеспечивает поддержку собственного API истории, когда доступно, с возвратом к хешам.
У меня нет Facebook, поэтому я не могу проверить. Но я на 95% уверен, что это должен быть запрос полной страницы, строка адреса недоступна для записи, потому что это была бы очень полезная функция, которую можно исключить для фишинговых веб-сайтов (вместо http://fakeonlinebank.com будет переписан на http://yourtrustybank). Возможно, это так быстро, что ваш браузер загружает только эту часть?
Но мне любопытно посмотреть, поправит ли меня кто-нибудь по этому поводу, потому что это будет означать, что у них есть ответ, который вы действительно хотите услышать;)
