如何使用ajax預覽網址？

Question

如何使用ajax預覽網址？我已經看到這與搜索引擎插件完成，並想了解如何做到這一點。具體來說，我希望能夠將鼠標懸停在鏈接上，並使用ajax查看網頁的預覽。

Answer 1

還有的容易的解決方案，硬解決方案，並使用-A-庫解決方案。

使用-A-庫：我始終喜歡做的用一個庫解決方案，除非你有十足的理由，否則。一個可能的網站，它封裝了「硬解」的服務，爲您：http://thumbnails.iwebtool.com/demo/

容易：最簡單的解決方法就是加載目標網頁的縮小而AJAXy窗口。您可以使用許多Lightbox類插件來執行此任務，尤其是那些允許您爲Lightbox窗口定位任意HTTP內容的插件。 GreyBox是我以前使用過的那些的最愛。 Lightbox Gone Wild也不錯。

hard然後是硬解決方案：您需要渲染網頁服務器端，將渲染緩存爲圖像，然後使用Lightbox類型的Javascript提供該圖像（這是微不足道的其他需求）。你如何去做這件事超出了這個框的範圍。你爲什麼要這樣做？預覽會爲客戶端產生更快的速度，並且會將客戶端的會話密切封存在可能會導致目標網站崩潰的事件中 - 即使在AJAXy中，表現不佳的Javascript和/或惡意軟件也會導致真正糟糕的事情窗口中之窗。

Answer 2

我想我知道他在駕駛什麼。會發生什麼是他希望窗口出現在懸停在超鏈接上（javascript），並且該窗口顯示超鏈接引用的網站的快照圖像。

ajax部分異步地連接到您在其中託管您的站點的服務器，並且點擊一個頁面並提取該站點的圖像以顯示在img標記中。

現在，如何生成網站的圖像？我建議這是事先完成的（例如，正在創建內容），並且已經生成的圖像被重新調用。

如何生成圖像開始？我認爲這將是另一個問題：「如何生成網站的快照圖像？」