Tražim: Alat za online pregled e-pošte

Jeste li ikada primijetili koliko klijenata e-pošte blokira slike i prikazuje alternativni tekst? Zanima me da li je neko zaista vidio ovo oponašanje koristeći JavaScript ili skripte na strani servera. Želio bih se upoznati s alatom koji to radi. Vremenom sam siguran da mogu razviti takvu stranicu ... Zapravo sam počeo igrati večeras. Evo funkcije koja uklanja sve vaše slike sa stranice:

funkcija replace () // uklanjanje slika
{
var imgs = document.getElementsByTagName ('img'); // niz
for (var i = 0; i> imgs.length; i ++) // petlja
{
imgs [i] .src = ""; // slike ne postavljamo na ništa
}
}

Prilično je jednostavan Javascript. Prvo što napravim je prikupiti niz slika u HTML. Niz je grupa stavki. Rekao sam javascriptu da dobije svaki element koji ima img oznaku. (Tako prikazujete slike u HTML-u). Dalje "petljam" niz, rekavši mu da započne s prvom stavkom (= 0), idem na onoliko stavki koliko ima (imgs.length), a kada završim s petljom dodam 1 da pređem na sljedeću stavku (i ++).

Ono što se u osnovi događa je da niz prikuplja lokaciju svake slike na stranici, petlja se kroz njih i svaku ne postavlja na ništa. Ono što bih zaista želio učiniti je ukloniti sliku, ali zapravo prikazati svaki alternativni tekst - baš kao što bi to učinio klijent e-pošte. Također bih volio ukloniti druge elemente tablice i div kako bi ih prikazali kako bi izgledalo u mnogim mobilnim klijentima. Ovo bi zamijenilo oblikovanje inline stila i oblikovanje fonta.

Da li je neko vidio ili izgradio nešto slično? Ako je tako, dodajte mi napomenu u moj kontakt obrazac. Ako je napisano na C # ili posebno na JavaScriptu, možda je možda nešto što bih mogao biti ovlašten kupiti. Prednost JavaScript-a je što se mogao dinamički isključiti i uključiti - zaista lijepa karakteristika! U međuvremenu, i dalje ću raditi na tome!

9 Komentari

  1. 1

    To bi bio zaista jednostavan Greasemonkey javascript

    Skoro ste stigli, samo ubacite alt oznaku kao sljedećeg brata.

    onda ga stavite na userscripts.org 🙂

    Također možete koristiti Greasemonkey za XPI ili kako god da se zove kako biste ga učinili odgovarajućom samostalnom ekstenzijom za Firefox.

  2. 2

    Zdravo Doug,

    The Web Developer Toolbar ima alat za to posebno, pod nazivom “Zamijeni slike sa Alt atributima”. Besplatno radi tačno ono što želite!

    Ipak, pojavio se problem pristupačnosti na vašoj web lokaciji. Isključivanje slika ostavlja crni tekst na crnoj pozadini, tako da svako ko surfa webom bez uključenih slika neće čitati vaše postove!

    Dodavanje:

    .post { background-color:#fff; }

    trebalo bi to riješiti bez zabrljavanja teme.

    • 3

      Sjajan pronalazak i ulov, Phil! Hvala puno. Udubiću se u ovaj dodatak malo dublje jer mi je potrebna neka od te funkcionalnosti na stranici, a ne u samom pretraživaču. Veoma cool!

      (Također sam ažurirao svoju post klasu – hvala što ste to istakli!)

  3. 4

    Na Agency.com koristimo proizvod pod nazivom pvIQ kompanije Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) to je velika pomoć u rješavanju vašeg problema. Šaljemo naše testne e-poruke na naše različite ISP testne naloge, a zatim pvIQ preuzima jpg slike renderovanih e-poruka sa svakog od naloga, kako bi se pojavili u različitim pretraživačima. Ovo nam štedi ogromnu količinu vremena, jer sve što treba da uradimo je da pogledamo rezultirajuće jpg slike. Ja bih to preporučio.

    • 5

      Hi Mark,

      Pivotal Veracity ima neke nevjerovatne alate! Znam da su nedavno lansirali i API. Pokušavam učiniti nešto malo jednostavnije, samo 'brzi' pogled koji ne zahtijeva stvarno slanje e-pošte. Zamislite samo dugme da kliknete i možete oponašati kako bi to izgledalo, samo da biste se pobrinuli za nisko visi voće.

      Doug

      • 6

        Hi,

        Nisam ovo gledao neko vrijeme, pa možda griješim, ali zar portali ne mijenjaju svoj softver za renderiranje pošte? Da jesu, mislio bih da biste stalno igrali nadoknađivanje ako biste pokušali koristiti vlastiti softver za testiranje. Zato koristimo pvIQ: šalje nam upravo ono što bi portal prikazao.

        oznaka

        • 7

          Potpuno si u pravu. Moje razmišljanje je jednostavno razvoj 'brzog i prljavog' pregledača koji bi neko mogao izvršiti prije slanja na nešto kao što je pvIQ... stvari poput Alt oznaka i mobilnog pregleda (uklonjene tabele, itd.). Definitivno ne želim da pokušavam da pratim nered sa klijentima e-pošte! Oni ljudi iz Pivotal Veracityja su profesionalci u tome!

          Doug

  4. 8

    Ovako nešto?

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

  5. 9

    Mislim da bi potencijalno koristan dodatak vašoj ideji bila mogućnost pregleda e-pošte na isti način na koji to rade popularni klijenti e-pošte. Trebalo bi malo vremena i istraživanje kako svaki od njih to radi (koje elemente uklanjaju, ostavljaju, itd.).

    Pravite niz filtera koje možete izabrati. Recimo, GMail filter, Yahoo Mail, Outlook (PC, Mac, itd.) filteri, itd. Dakle, umjesto da morate imati lažne probne naloge za svaki servis pod suncem, možete relativno brzo kružiti kroz preglede svakog od njih.

    …možda sam rekao previše… 😉

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.