Buscando: ferramenta de previsualización de correo electrónico en liña

Algunha vez notaches cantos clientes de correo electrónico bloquean as imaxes e mostran o texto alternativo? Teño curiosidade por se alguén o viu emulado usando JavaScript ou scripts do lado do servidor. Gustaríame botarlle unha man a unha ferramenta que o faga. Co paso do tempo, estou seguro de que podo desenvolver esa páxina ... De verdade empecei a xogar esta noite. Aquí tes unha función que elimina todas as túas imaxes nunha páxina:

función replace () // eliminar imaxes
{
var imgs = document.getElementsByTagName ('img'); // matriz
para (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // fixa as imaxes en nada
}
}

É bastante sinxelo de Javascript. O primeiro que fago é recompilar unha serie de imaxes en HTML. Unha matriz é un grupo de elementos. Díxenlle a javascript que obteña todos os elementos que teñan unha etiqueta img. (Así mostras imaxes en HTML). A continuación fago un "bucle" pola matriz dicíndolle que comece co primeiro elemento (= 0), vaia a cantos elementos hai (imgs.length) e, cando remate o bucle, engade 1 para pasar ao seguinte elemento (i ++).

O que sucede basicamente é que a matriz recolle a situación de todas as imaxes da páxina, as atravesa e as fixa en nada. O que realmente me gustaría facer con isto é eliminar a imaxe pero amosar calquera texto alternativo, como faría un cliente de correo electrónico. Tamén me encantaría eliminar outros elementos de táboa e div para renderizalos como se vería en moitos clientes móbiles. Isto substituiría a etiqueta de estilo en liña e o formato da fonte.

Alguén viu ou construíu algo así? Se é así, envíame unha nota no meu formulario de contacto. Se está escrito en C # ou especialmente en JavaScript, incluso pode ser algo que podería estar autorizado a mercar. A vantaxe de JavaScript é que se podería desactivar e activar dinámicamente, unha característica moi agradable. Mentres tanto, seguirei traballando niso eu mesmo.

9 Comentarios

  1. 1

    Sería un javascript Greasemonkey moi sinxelo

    Case estás alí, só tes que inserir a etiqueta alt como a seguinte irmá.

    despois colócao en userscripts.org 🙂

    Tamén podes usar Greasemonkey para XPI ou como se chame para convertela nunha extensión autónoma de Firefox.

  2. 2

    Ola Doug,

    o Barra de ferramentas para desenvolvedores web ten unha ferramenta para facelo específicamente, chamada "Substituír imaxes por atributos Alt". Fai exactamente o que quere de balde.

    Non obstante, provocou un problema de accesibilidade co seu sitio. Desactivar as imaxes deixa texto negro sobre fondo negro, polo que calquera que navegue pola web sen imaxes non lerá as túas publicacións.

    Engadindo:

    .post { background-color:#fff; }

    debería solucionalo sen desordenar o seu tema.

    • 3

      Gran descubrimento e captura, Phil! Moitas grazas. Vou profundar neste complemento un pouco máis, xa que necesito algo desas funcións nunha páxina en lugar do navegador en si. Moi chulo!

      (Tamén actualicei a miña clase de mensaxes: grazas por sinalalo!)

  3. 4

    En Agency.com usamos un produto chamado pvIQ de Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) iso é de gran axuda co teu problema. Enviamos os nosos correos electrónicos de proba ás nosas distintas contas de proba de ISP e despois pvIQ recupera jpg dos correos electrónicos renderizados de cada unha das contas, tal e como aparecerían en diferentes navegadores. Isto afórranos enormes cantidades de tempo, xa que todo o que temos que facer é mirar os jpg resultantes. Recoméndollo.

    • 5

      Ola Mark,

      Pivotal Veracity ten algunhas ferramentas incribles. Sei que tamén lanzaron recentemente unha API. Estou tentando facer algo un pouco máis sinxelo, só un aspecto "rápido" que non require enviar o correo electrónico. Imaxina só un botón para facer clic e podes imitar como quedaría, só para coidar a froita pouco colgante.

      Doug

      • 6

        Ola,

        Hai tempo que non mirei isto, polo que podería estar equivocado, pero os portais non cambian de software de representación de correo? Se o fixesen, pensaría que estarías xogando ao ritmo constantemente se tentas empregar o teu propio software de proba. Por iso usamos pvIQ: envíanos exactamente o que rendería o portal.

        Marcar

        • 7

          Tes toda a razón. O meu pensamento é simplemente desenvolver unha vista previa "rápida e sucia" que alguén podería executar antes de enviar a algo como pvIQ ... cousas como etiquetas Alt e previsualización móbil (elimináronse as táboas, etc.). Definitivamente non quero intentar estar ao día coa desorde cos clientes de correo electrónico. Esas persoas de Pivotal Veracity son os profesionais.

          Doug

  4. 8
  5. 9

    Creo que un complemento potencialmente útil para a túa idea sería a posibilidade de previsualizar os correos electrónicos do mesmo xeito que fan os clientes de correo electrónico populares. Levaría un tempo investigar como o fai cada un (que elementos quitan, deixan, etc.).

    Crea unha serie de filtros para escoller. Por exemplo, un filtro GMail, Yahoo Mail, filtros de Outlook (PC, Mac, etc.), etc. Polo tanto, en vez de ter que ter contas de proba falsas con todos os servizos baixo o sol, podería percorrer as vistas previas de cada un con relativa rapidez.

    ... se cadra dixen demasiado ... 😉

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.