facebook/digg가 웹 페이지의 모든 상식을 어떻게 얻습니까?

Question

그들은 PHP 페이지를 사용하여 링크를 분석하고 모든 이미지를 josn으로 반환합니까? 그냥 자바 스크립트로이 작업을 수행 할 수있는 방법이 있습니까? 그렇다면 페이지를 분석하기 위해 서버로 이동하지 않아도됩니까?

Answer 1

나는 지금 어떻게하지? 그들. 나는 그 목적을 위해 작은 서비스를 구현할 것이다. URL이 주어지면 관련 이미지를 반환하거나 스크린 샷을 생성합니다. 이 서비스는 더 나은 성능을 위해 결과를 캐싱 할 수도 있습니다. 그러나 여전히 페이지는 <img src=...을 움켜 잡거나 사진을 얻기 위해 액세스해야합니다.

Answer 2

Facebook에서 서버로 다시 전화를 겁니다. Firebug (또는 Safari의 Web Inspector)를 사용하는 경우 ajax 호출을 검사 할 수 있습니다. 페이스 북은 /ajax/composer/attachment.php에있는 스크립트를 다시 호출한다. 페이지에 삽입되는 HTML을 포함하는 자바 스크립트가있다.

Facebook JavaScript response when you attach a link in Safari Web Inspector http://tommorris.org/files/Facebook-20100529-181745.jpg

내가 Gist (에 전체 자바 스크립트 응답을 올려이 모두 한 줄과 축소 된 것입니다 : 여기가 페이스 북이 사파리 웹 Inspector에서 BBC 뉴스 홈페이지에 링크 대화를 부착 가리키는 경우가 모습입니다 원래는 TextMate를 통해 그것을 감쌌다.)

크로스 사이트 스크립팅에 대한 브라우저 보호로 인해 클라이언트 쪽에서 할 수 있는지 잘 모르겠습니다. 가능한 경우에도이 잠재적 인 보안 문제로 인해서는 안됩니다. if 누군가는 그들이 액세스 할 수있는 페이지를 가리키는 URL에 넣습니다. Facebook/Digg 유형 사이트에 다른 사람의 맞춤 또는 비공개 페이지를 올려 놓고 싶지는 않습니다. 그것이 Flickr와 같은 것이고 개인 사진이있는 경우를 상상해보십시오 - 또는 더 나쁜, 포르노 사이트. 아니요. 서버로 다시 프록시 한 다음 이미지를 가져 오는 것이 좋습니다. 게다가 더 빠를 것입니다. 귀하의 서버가 아마 더 빨리 그것을 할 수있을 때 페이지를 다운로드하는 최종 사용자의 잠재적 인 느린 연결에 세금을 부과 할 필요가 없습니다 ...