Sto cercando di capire come Facebook implementa la barra laterale della chat. Sembra che rimanga lì anche mentre cambio pagina. Ad esempio, se seleziono del testo all'interno della barra laterale, quindi clic per andare su un'altra pagina di Facebook, il testo rimane selezionato. È come se fosse una cornice separata, ma quando guardo il codice, non lo è.In che modo Facebook ha implementato la barra laterale della chat?
7
A
risposta
3
C'è un elemento DOM contenitore chiamato "fb_content", il suo contenuto viene sostituito tramite AJAX diretto o più tecnicamente XMLHttpRequest. (Anche se, ad esempio, quando si inserisce un'app, l'intera pagina viene aggiornata.) Per aggiornare la barra degli indirizzi, utilizzare lo JavaScript History API.
4
Tutte le richieste vengono effettuate tramite chiamate AJAX. Solo il contenitore "contenuto" viene sostituito quando necessario.
In realtà non "vai" su un'altra pagina. Solo il div "content" viene aggiornato.
0
In aggiunta a ciò che Zeno e lericson hanno detto (fb_content viene aggiornato tramite ajax), anche la barra degli indirizzi viene aggiornata mantenendo la cronologia (se si preme indietro/avanti).
Problemi correlati
- 1. Barra di scorrimento orizzontale di Facebook nella barra laterale ticker e chat
- 2. In che modo workflowy ha implementato la modifica in linea?
- 3. Come funziona la chat di Facebook?
- 4. Come creare un menu della barra laterale
- 5. In che modo il riquadro della barra laterale di DevTools Elements può comunicare con il pannello?
- 6. Sublime Text 2 Contesto della barra laterale: associazioni di tasti simili a Vim per la barra laterale di navigazione
- 7. Come creare una barra laterale simile all'app Facebook per iOS?
- 8. Barra laterale adesiva jQuery avanzata
- 9. Menu di navigazione laterale come l'app Facebook
- 10. Rendering la barra laterale dalla Play quadro
- 11. API chat Facebook
- 12. Codice VS Personalizza barra laterale
- 13. Acquisizione della cronologia chat di Facebook sui client xmpp mobili
- 14. In che modo Overflow dello stack ha implementato la memorizzazione nella cache?
- 15. Finestra come chat di Facebook
- 16. metodi nidificati in barra laterale di JSDoc
- 17. In che modo Facebook mantiene quella barra degli strumenti nella parte inferiore della pagina?
- 18. HTML Layout: l'aggiunta della colonna barra laterale per sito esistente
- 19. Come nascondere la barra laterale in bootstrap di default?
- 20. Perché Microsoft ha implementato i socket in modo diverso?
- 21. Barra laterale di Firefox Ottieni URL scheda
- 22. In che modo Chat di Facebook sincronizza le conversazioni su finestre/schede
- 23. In che modo chat di Facebook evita il polling continuo del server?
- 24. La chat di Facebook non si ricarica tra le pagine
- 25. Come implementare la barra laterale pieghevole in Angular2?
- 26. R lucido - sfondo del pannello della barra laterale
- 27. In che modo Facebook ha modificato il font dell'output della console Javascript?
- 28. In che modo getClass() è implementato in java?
- 29. iphone menu laterale facebook usando Objective C
- 30. Barra laterale angolare e barra degli strumenti fissa