jQuery WEB-страница Предварительный просмотр

Кто-нибудь знает о плагине, который позволяет вам перевернуть ссылку привязки и просмотреть предварительный просмотр веб-страницы?jQuery WEB-страница Предварительный просмотр

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

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

Редактировать

Я хотел бы видеть эскиз страницы.

источник

2010-07-02 griegs

Если вам действительно нужен предварительный просмотр живой страницы, вам придется использовать iframe. Если вам просто нужен предварительный просмотр изображения, предложение Fulvio будет работать, но не будет показывать «живой» предварительный просмотр (т. Е. Никаких анимаций, которые вы обычно видите, если пользователь зашел на страницу, вы увидите только фронт страница и т. д.). Это возможно, чтобы на самом деле масштабировать содержимое iframe так, чтобы оно было миниатюрами, таким образом достигая желаемого эффекта. Например:

<html> 
<head> 
<!--[if IE]> 
<style> 
#frame { 
    zoom: 0.2; 
} 
</style> 
<![endif]--> 
<style> 
#frame { 
    width: 800px; 
    height: 520px; 
    border: none; 
    -moz-transform: scale(0.2); 
    -moz-transform-origin: 0 0; 
    -o-transform: scale(0.2); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.2); 
    -webkit-transform-origin: 0 0; 
} 
</style> 
</head> 
<body> 
<iframe id="frame" src="http://www.bing.com"> 
</iframe> 
</body> 
</html>

Весело :)

Скопируйте и вставьте в адресной строке браузера для предварительного просмотра:

data:text/html,<html><head><!--[if IE]><style>iframe{zoom:0.2;}</style><![endif]--><style>iframe{width:800px;height:520px;border:none;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0;}</style></head><body><iframe src="http://www.bing.com"></iframe></body></html>

источник

2010-07-02 02:28:38 crazy2be

+1 не только потому, что это хороший ответ, но и новизна возможности поиска «привет мир» в уменьшенной версии Google. – icktoofay

+1 и возможность щелчка по кнопкам. :) Это может быть способ пойти, я думаю, но нужно сначала сыграть – griegs

Он будет медленнее, чем предварительный просмотр на основе изображений в 90% случаев, так как он должен загрузить всю веб-страницу. В зависимости от ваших целей вы можете загрузить эскиз из любой из доступных сервисов (например, тот, который используется qtip), а затем вывести его в iframe после завершения загрузки. Что вы планируете использовать для этого? – crazy2be

qTip - это всплывающая подсказка для рамки jQuery. Это кросс-браузер, настраиваемый и наполненный множеством функций.

http://craigsworks.com/projects/qtip/demos/content/thumbnail

UPDATE:

QTIP 1,0 скоро устареет ... выезд на qTip2 preview.

источник

2010-07-02 01:58:52 fuzz

+1, мне это нравится. Позвольте мне поиграть с ним и вернуться к вам. – griegs

Эти миниатюры выглядят как статические скриншоты. Просто наведите курсор мыши на MySpace, а затем посмотрите на реальную страницу, нажав на ссылку. –

@Gert G, он использует snapr , и это ставит страницу в очередь и обслуживает ее позже. unsure достаточно динамично – griegs

Больше услуг уменьшенных на Free Website Thumbnail Services. Но они могут кэшировать изображения, как и WebSnapr.

источник

2010-07-02 02:54:10

jQuery WEB-страница Предварительный просмотр

ответ

Смежные вопросы