Como fazem os sites de notícias? Forbes / Zdnet mesclar perfeitamente uma página da Web em outra?

14

Se você for em E.g:

Quando você chega na parte inferior da Página, uma matéria de Novas Notícias é carregada e o URL no meu Navegador da Internet é alterado para o URL dessa próxima notícia. Então, eu queria saber como uma página da Web pode carregar quase instantaneamente a próxima página da web com um atraso quase insignificante entre as páginas. Eles estão, por exemplo, fazendo o pré-download da página da notícia do Next News e carregando a página da Web muito rápido?

    
por zordman 12.06.2015 / 16:45
fonte

2 respostas

25

A resposta curta é que o código Javascript do lado do cliente da página detecta quando você está "muito perto" da parte inferior da página e solicita ao servidor mais dados quando isso acontece.

Sem ficar muito técnico, eles não estão recarregando toda a página da web. Em vez disso, o código Javascript nessa página está solicitando mais dados do servidor e, quando recebe os novos dados, adiciona esses dados à página atual. As partes da página que não precisam mudar permanecem completamente inalteradas.

A maneira mais moderna de fazer isso é usar os recursos de modificação de histórico do HTML5 , que parecem ser o que esses sites estão usando.

    
por 12.06.2015 / 16:51
fonte
20

Uma grande chave para entender o que está acontecendo: É possível, via Javascript, definir o URL na barra de endereços sem realmente redirecionar o usuário. Para ver isso em ação, cole o código abaixo em um console do navegador suportado. Observe que ela muda sua barra de endereço para http://programmers.stackexchange.com/yay.html .

history.pushState(null,null,'/yay.html')

O benefício dessa abordagem é que, se os marcadores do usuário forem movidos para uma história, o marcador saberá para onde enviar o usuário. A rolagem infinita de resultados de pesquisa do DeviantArt é um bom exemplo desse comportamento.

    
por 12.06.2015 / 17:09
fonte