Как реализованы окна чата в фейсбуке?

Question

На Facebook вы можете просматривать сайт, не затрагивая плавающие окна чата. Похоже, если главная страница была внутри iFrame, а окна нижнего колонтитула и чата всплыли снаружи.

_{(источник: k-director.com )}

Является ли основной контент внутри iframe или окна нижнего колонтитула и чата находятся внутри iframe?

Последнее не представляется возможным, потому что в этом случае, когда вы нажимаете ссылку на главной странице, все должно будет перезагрузиться, включая iframe нижнего колонтитула.

Если вы обновляете страницу, окна чата перезагружаются, но если вы просматриваете сайт, нажимая ссылки, это не так.

Спасибо.

Answer 1

Если вы установите FireBug и включите сетевой монитор для Facebook, вы увидите, что при нажатии большинства ссылок внутри приложения вы не выполняете полное обновление страницы, а скорее вызываете AJAX, который обновляет страницу с помощью новый контент.

Это выглядит как новая страница, но на самом деле вы находитесь на той же странице, где почти все, кроме чата, заменено.

Answer 2

Вероятно, это абсолютно позиционированный div, содержащий прокручиваемый div для содержимого. Ajax предоставит контент.

Answer 3

Это абсолютно позиционированный div, расположенный внизу окна вашего браузера. Это не сложно, я клонировал чат Facebook для ClockingIT с нуля на выходных.

Answer 4

Окна чата действительно обновляются при загрузке новой страницы, однако они сохраняют свое состояние просмотра (открыть / закрыть / историю чата).