링크 내용을 미리 가져 오기

Question

나는 Firefox 플러그인을 개발 중입니다. 나는 사용자가 마우스 오버 링크를 클릭 할 때 대상 페이지의 미리보기를 포함하는 툴팁을 보여주고 싶다.

이것은 간단하지만 시간이 필요합니다. 이 프로세스는 1 초 전에 완료되어야합니다 (사용자가 마우스 오버 한 후 링크를 ​​클릭하십시오.)

어디서부터 시작해야합니까?

Answer 1

페이지로드 후 (DOMContentLoaded 이벤트 수신시) 앵커 태그에 대해 콘텐츠 문서 DOM을 검색하는 추가 기능을 만들어야합니다. 이전 스타일의 방법은 XUL 오버레이를 사용하는 것입니다. 콘텐츠 스크립트를 사용하여 Addon SDK를 사용하여 동일한 작업을 수행 할 수 있습니다.

그런 다음 각 링크를 숨겨진 iframe에로드 (예 : 높이를 0으로 설정)하고 여기에 설명 된대로 스크린 샷을 생성해야합니다 (https://developer.mozilla.org/en/drawing_graphics_with_canvas#Rendering_Web_Content_Into_A_Canvas). 현재 모질라 개발자 사이트가 오작동하고 있으므로 코드 샘플이 제대로 표시되지 않습니다 (적어도 제공되는 미러에서). 나는 그것이 심각한 문제이기 때문에 그것이 빨리 고쳐질 것이라고 생각한다.

블라디미르 (Wladimir)는 모든 링크 된 페이지를로드하고 스크린 샷을 만들 때 잠재적으로 시간이 오래 걸릴 것이라고 말합니다. 그 전에 사용자가 링크를 마우스로 틀면 나는 a) throbber와 "Loading ..."텍스트 대신에 스크린 샷 및 b) 해당 링크의로드 우선 순위를 지정하여 스크린 샷이 가능한 빨리 표시되도록합니다.

Answer 2

Firefox를 사용하면 매우 간단합니다. 다음 요소 만 사용하면 브라우저가 내용을 미리로드합니다. 현재 페이지 전체가로드되면 내용이 백그라운드에서 미리로드됩니다.

더 많은 정보를 들어

<link rel="prefetch" href="/images/nextimage.jpg" /> 

,