Как я могу просмотреть URL с помощью AJAX?

Question

Как я могу просмотреть URL, используя ajax? Я видел, как это сделано с плагинами поисковой системы и хотел бы узнать, как это сделать. В частности, я хотел бы иметь возможность навести курсор мыши на ссылку и увидеть предварительный просмотр веб-страницы с помощью ajax.

Answer 1

Существует решение easy , решение hard и решение use-a-library .

use-a-library : Я предпочитаю всегда использовать решение use-a-library, если у вас нет слишком веской причины. Один возможный сайт, который оборачивает «жесткое решение» как услугу для вас: http://thumbnails.iwebtool.com/demo/

easy : простое решение - просто загрузить целевую веб-страницу в виде уменьшенного AJAXy-окна. Для этой задачи вы можете использовать многие плагины класса Lightbox, в частности те, которые позволяют нацеливать произвольное содержимое HTTP для окна Lightbox. GreyBox - мой любимый из тех, что я использовал раньше. Lightbox Gone Wild тоже приятно.

hard : Тогда есть сложное решение: вам нужно визуализировать серверную часть веб-страницы, кэшировать рендеринг как изображение, а затем обработать это изображение с помощью Lightbox-esque Javascript (что тривиально) рядом с другими требованиями). То, как вы будете это делать, выходит за рамки этого поля. Зачем ты так поступил? Предварительный просмотр генерирует НАМНОГО быстрее для клиента, и он герметично изолирует сеанс клиента от вещей, которые могут повредить его на целевом веб-сайте - плохо функционирующий Javascript и / или вредоносное ПО могут вызвать действительно плохие вещи, когда вы открываете их, даже в AJAXy окно-в-окно.

Answer 2

Мне кажется, я знаю, к чему он клонит. Случается так, что он хочет, чтобы при наведении курсора на гиперссылку (javascript) появлялись окна, а также чтобы эти окна отображали моментальный снимок сайта, на который ссылается гиперссылка.

Аяксная часть асинхронно подключается к серверу, на котором вы размещаете свой сайт, и переходит на страницу, которая идет, и получает изображение сайта для отображения в теге img.

Теперь, как можно создать изображение сайта? Я бы предположил, что это сделано заранее (например, при создании контента) и что уже созданное изображение вызывается.

Как сгенерировать изображения для начала? Я думаю, что это был бы другой вопрос: «Как генерировать снимки изображений сайтов?»