Söker: Online e-postförhandsgranskningsverktyg

Har du någonsin märkt hur många e-postklienter som blockerar bilder och visar den alternativa texten? Jag är nyfiken på om någon faktiskt har sett det här emulerat med hjälp av JavaScript eller skripter på serversidan. Jag skulle vilja ta hand om ett verktyg som gör det. Med tiden är jag säker på att jag kan utveckla en sådan sida ... Jag började faktiskt spela i kväll. Här är en funktion som tar bort alla dina bilder på en sida:

funktionen ersätt () // ta bort bilder
{
var imgs = document.getElementsByTagName ('img'); // array
för (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // ställa in bilderna till ingenting
}
}

Det är ganska enkelt Javascript. Det första jag gör är att samla en rad bilder html. En matris är en grupp objekt. Jag sa till javaskriptet att få alla element som har en img-tagg. (Det är så du visar bilder i HTML). Därefter slingrar jag genom matrisen genom att säga att den ska börja med det första objektet (= 0), gå efter så många objekt som finns (bildlängd), och när det är klart med slingan lägg till 1 för att flytta till nästa artikel (i ++).

Vad som i grunden händer är att matrisen samlar in platsen för varje bild på sidan, slingrar igenom dem och sätter var och en till ingenting. Vad jag verkligen skulle vilja göra med det här är att ta bort bilden men faktiskt visa all alternativ text - precis som en e-postklient skulle göra. Jag skulle också gärna ta bort andra tabell- och div-element för att göra det som det skulle se ut i många mobilkunder. Detta skulle ersätta inline stil tagg och typsnitt formatering.

Har någon sett eller byggt något liknande? Skicka i så fall en anteckning i mitt kontaktformulär. Om det är skrivet i C # eller speciellt JavaScript kan det till och med vara något jag skulle ha rätt att köpa. Fördelen med JavaScript är att den kan stängas av och sättas på dynamiskt - en riktigt trevlig funktion! Under tiden fortsätter jag själv med det!

9 Kommentarer

  1. 1

    Det skulle vara ett riktigt enkelt Greasemonkey-javaskript

    Du är nästan där, bara sätt in alt-taggen som nästa syskon.

    lägg sedan på usercripts.org 🙂

    Du kan också använda Greasemonkey till XPI eller vad det än heter för att göra det till ett fristående Firefox-tillägg.

  2. 2

    Hej Doug,

    Du har nu möjlighet Verktygsfält för webbutvecklare har ett verktyg för att göra detta specifikt, kallat "Ersätt bilder med Alt-attribut". Det gör exakt vad du vill ha gratis!

    Det kastade dock upp ett tillgänglighetsproblem med din webbplats. Om du stänger av bilder lämnas svart text på svart bakgrund, så den som surfar på nätet utan bilder på läser inte dina inlägg!

    Lägga:

    .post { background-color:#fff; }

    borde lösa det utan att förstöra ditt tema.

    • 3

      Bra hitta och fånga, Phil! Tack så mycket. Jag ska gräva i det här tillägget lite djupare eftersom jag behöver lite av den funktionen på en sida snarare än webbläsaren. Väldigt coolt!

      (Jag uppdaterade också min inläggsklass - tack för att ni påpekade det!)

  3. 4

    På Agency.com använder vi en produkt som heter pvIQ från Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) som är till stor hjälp för ditt problem. Vi skickar våra test-e-postmeddelanden till våra olika ISP-testkonton och sedan hämtar pvIQ jpgs av de renderade e-postmeddelandena från var och en av kontona, eftersom de skulle visas i olika webbläsare. Detta sparar oss enorma mängder tid, eftersom allt vi behöver göra är att titta på de resulterande jpgs. Jag skulle rekommendera det.

    • 5

      Hej Mark,

      Pivotal Veracity har några otroliga verktyg! Jag vet att de nyligen har lanserat ett API också. Jag försöker göra något lite enklare, bara ett "snabbt" utseende som inte kräver att du faktiskt skickar ut e-postmeddelandet. Föreställ dig bara en knapp för att klicka och du kan efterlikna hur den skulle se ut, bara för att ta hand om den låghängande frukten.

      Doug

      • 6

        Hej,

        Jag har inte tittat på det på ett tag, så det kan hända att jag har fel, men ändrar inte portalerna sina program för e-poståtergivning? Om de gjorde det skulle jag tro att du ständigt skulle spela inhämtning om du försökte använda din egen testprogramvara. Det är därför vi använder pvIQ: det skickar oss exakt vad portalen skulle göra.

        Markera

        • 7

          Du är helt korrekt. Mitt tänkande är helt enkelt att utveckla en "snabb & smutsig" förhandsgranskare som någon kan utföra innan de skickas till något som pvIQ ... saker som Alt-taggar och förhandsgranskning av mobilen (borttagna tabeller etc.). Jag vill definitivt inte försöka hänga med i röra där ute med e-postklienter! De här personerna på Pivotal Veracity är proffsen!

          Doug

  4. 8

    Något som det här?

    var showImages = false;
    function toggleImages() {
    var imgs = document.getElementsByTagName("img");
    for (var i=0;i

  5. 9

    Jag tror att ett potentiellt användbart tillskott till din idé skulle vara möjligheten att förhandsgranska e-postmeddelandena på samma sätt som populära e-postklienter gör. Det skulle ta lite tid och undersöka hur var och en gör det (vilka element de avlägsnar, lämnar in osv.).

    Du bygger en serie filter att välja mellan. Säg, ett GMail-filter, Yahoo Mail, Outlook (PC, Mac, etc.) filter etc. Så istället för att behöva testa dummy-konton med alla tjänster under solen kan du gå igenom förhandsvisningar av var och en relativt snabbt.

    ... kanske har jag sagt för mycket ... 😉

Vad tror du?

Den här sidan använder Akismet för att minska spam. Läs om hur din kommentardata behandlas.