Agregue capturas de pantalla del sitio para enlaces externos utilizando la información sobre herramientas de MooTools -

Antes de enviar a su usuario a un sitio web externo desconocido, ¿por qué no proporcionarle una captura de pantalla del sitio a través de información sobre herramientas para que pueda obtener una vista previa de la siguiente página? Así es como puedes hacer eso usando MooTools.

El JavaScript de MooTools

/* cuando el dom esté listo... */window.addEvent('domready',function() {/* información sobre herramientas */var tips = new Tips();var tipURLs = [];/* toma todos los anclajes vinculados completos */$$('a[href^="http://"]').each(function(a) {/* si no está en el dominio davidwalsh.name */var href = a.get('href ');if(!href.contains(window.location.host) !tipURLs.contains(href)) {/* vars */tipURLs.push(href);var url = href.replace(window.location.protocol + '//','');/* establecer información de información sobre herramientas */a.store('tip:title','');a.store('tip:text','img src="https://snapcasa .com/get.aspx?code=####size=lwait=0url=" + url + "" /');a.addClass('captura de pantalla');/* adjuntar información sobre herramientas */tips.attach(a) ;}});});

El primer paso es capturar los enlaces externos. Cuando los tenemos, colocamos la imagen del enlace de SnapCasa en el texto de la información sobre herramientas y adjuntamos el enlace a nuestra instancia de Consejos. En mi ejemplo he realizado una prevención de duplicación de URL muy simple, pero para una mejor prevención de la duplicación de hosts debes usar la claseURI para comparar hosts.

Creo que esta funcionalidad es una buena característica, pero querrás limitar su uso para evitar que las capturas de pantalla se vuelvan molestas. ¿Qué opinas?

Nota: SnapCasa requiere que se registre para obtener una cuenta gratuita para utilizar esta función.