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

Have you ever noticed how many email clients block images and display the alternative text? I'm curious if anyone has actually seen this emulated utilizing JavaScript or Server-side scripting. I'd like to get a hand on a tool that does it. Over time, I'm sure that I can develop such a page… I actually started playing tonight. Here's a function that removes all of your images on a page:

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
}
}

It's pretty simple Javascript. The first thing I do is collect an array of the images in HTML. An array is a group of items. I told the javascript to get every element that has an img tag. (That's how you display images in HTML). Next I ‘loop' through the array by telling it to start with the first item (=0), go for as many items there are (imgs.length), and when it's done with the loop add 1 to move to the next item (i++).

What basically happens is that the array collects the location of every image on the page, loops through them, and sets each to nothing. What I'd really like to do with this is remove the image but actually display any alternative text – just like an email client would. I'd also love to remove other table and div elements to render it as it would look in many Mobile Clients. This would replace inline style tag and font formatting.

Has anyone seen or built anything like this? If so, drop me a note in my contact form. If it's written in C# or especially JavaScript, it may even be something I could be authorized to purchase. The advantage of JavaScript is that it could be turned off and on dynamically – a really nice feature! Meanwhile, I'll continue working on it myself!

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.