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

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

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.

• Agregue un submenú a la barra de administración de WordPress -
• Agregue archivos CSS y JavaScript a las extensiones de Phabricator -

Te podría interesar...

Cómo pasar de un trabajador remoto a un nómada digital 9 demostraciones WebGL más alucinantes - Cree su propio sitio web fácilmente con WordPress Alojamiento de comercio electrónico de WP Engine: ¡ahora con Stripe Connect! Modificación y reemplazo de formularios de alianza para protocolos de privacidad de datos para construir un ecosistema de datos descentralizado: alojamiento web ¿Qué es SSID? Cómo utilizar Cpanel Por qué (y cómo) cambiar de Squarespace a WordPress Descubra cómo los correos electrónicos profesionales pueden ayudar a mejorar la participación del cliente

Deja una respuesta Cancelar la respuesta

Lo siento, debes estar conectado para publicar un comentario.