2012-01-11 72 views
7

我想了解的Facebook如何實現聊天側邊欄。即使在我換頁的時候,它似乎仍然停留在那裏。例如,如果我在邊欄中選擇了一些文本,然後點擊轉到另一個Facebook頁面,文本保持選中狀態。就好像它是一個單獨的框架,但是當我查看代碼時,事實並非如此。Facebook是如何實現聊天側邊欄的?

回答

3

有一個稱爲「fb_content」容器DOM元素,它的內容是通過直接的AJAX或技術上更XMLHttpRequest取代。 (雖然比如當你輸入一個應用程序,整個頁面被刷新。)更新他們使用JavaScript History API地址欄。

4

所有請求都作出低谷AJAX調用。只有「內容」容器在需要時被替換。

你不會真的「走」到另一頁。只是「內容」div得到更新。

0

除了什麼芝諾和lericson說(fb_content得到通過AJAX的更新),同時維持歷史記錄(如果按後退/前進)地址欄,也得到更新。