Otsin: veebipõhine e-posti eelvaate tööriist

Kas olete kunagi märganud, kui palju meilikliente blokeerib pilte ja kuvab alternatiivset teksti? Ma olen uudishimulik, kas keegi on seda jäljendanud, kasutades JavaScripti või serveripoolseid skripte. Tahaksin kätt otsida tööriistast, mis seda teeb. Aja jooksul olen kindel, et suudan sellise lehe arendada ... Hakkasin tegelikult täna õhtul mängima. Siin on funktsioon, mis eemaldab lehel kõik teie pildid:

funktsioon asendus () // piltide eemaldamine
{
var imgs = document.getElementsByTagName ('img'); // massiiv
for (var i = 0; i> pildi pikkus; i ++) // silmus
{
imgs [i] .src = ""; // määrake piltidele midagi
}
}

See on üsna lihtne Javascript. Esimese asjana kogun sisse hulga pilte HTML. Massiiv on üksuste rühm. Käskisin javascriptil hankida kõik elemendid, millel on img-silt. (Nii kuvate pilte HTML-is). Järgmisena lasen massiivi läbi, käskides alustada esimest üksust (= 0), minna nii palju üksusi kui on (imgs.length) ja kui see on silmusega tehtud, lisage järgmisele üksusele liikumiseks 1 (i ++).

Põhimõtteliselt juhtub see, et massiiv kogub lehel iga pildi asukoha, liigub neist läbi ja seab iga tühjaks. Mida ma sellega tegelikult teha tahaksin, on pildi eemaldamine, kuid tegelikult kuvatakse alternatiivne tekst - täpselt nagu e-posti klient. Mulle meeldiks eemaldada ka muud tabeli ja div elemendid, et see renderdada nii, nagu see näeks välja paljudes mobiiliklientides. See asendaks tekstisisese stiilimärgendi ja fondi vormingu.

Kas keegi on midagi sellist näinud või ehitanud? Kui jah, siis visake mulle märkus minu kontaktivormi. Kui see on kirjutatud C # -ga või eriti JavaScripti abil, võib see olla isegi midagi, mille ostmiseks võiksin olla volitatud. JavaScripti eeliseks on see, et selle saaks dünaamiliselt välja lülitada ja sisse lülitada - see on tõesti tore funktsioon! Vahepeal jätkan selle kallal töötamist ka ise!

9 Kommentaarid

  1. 1

    See oleks tõeliselt lihtne Greasemonkey javascript

    Olete peaaegu kohal, lihtsalt sisestage järgmise silbina alt-silt.

    siis pange see saidile userscripts.org 🙂

    Võite kasutada ka Greasemonkey'i XPI-le või mis iganes seda nimetatakse, et see oleks korralik eraldiseisev Firefoxi laiendus.

  2. 2

    Tere, Doug,

    . Veebiarendaja tööriistariba on spetsiaalselt selleks tööriist nimega “Asenda pildid Alt-atribuutidega”. See teeb tasuta täpselt seda, mida soovite!

    See aga tõi teie saidil hõlbustusprobleemi üles. Piltide väljalülitamine jätab mustale taustale musta teksti, nii et igaüks, kes surfab veebis ilma piltideta, ei loe teie postitusi!

    Lisamine:

    .post { background-color:#fff; }

    peaks selle lahendama ilma oma teemat sassi ajamata.

    • 3

      Suurepärane leid ja saak, Phil! Suur tänu. Süvenen sellesse lisandmoodulisse veidi sügavamalt, kuna vajan lehel mitte seda brauserit, vaid mõnda funktsionaalsust. Väga lahe!

      (Uuendasin ka oma postituse klassi - aitäh, et osutasite sellele!)

  3. 4

    Aadressil Agency.com kasutame toodet Pvotal Veracity (pvIQ) (http://pivotalveracity.com/solutions/pvIQ.php), mis on teie probleemile suureks abiks. Saadame oma testimeilid oma erinevatele Interneti-teenuse pakkuja testkontodele ja seejärel otsib pvIQ igalt kontolt renderdatud meilide JPG-d, nagu need ilmuksid erinevates brauserites. See säästab tohutult aega, kuna peame vaid vaatama saadud JPG-sid. Ma soovitaksin seda.

    • 5

      Tere, Mark

      Pivotal Veracity'l on uskumatuid tööriistu! Ma tean, et nad on hiljuti käivitanud ka API. Püüan teha midagi veidi lihtsamat, lihtsalt "kiire" välimuse, mis ei nõua meili tegelikult välja saatmist. Kujutage ette, et klõpsamiseks on vaja vaid ühte nuppu ja võite jäljendada, kuidas see välja näeks, lihtsalt selleks, et hoolitseda madala rippuva vilja eest.

      Doug

      • 6

        Tere,

        Ma pole seda juba mõnda aega vaadanud, seega võin eksida, aga kas portaalid ei muuda oma e-posti renderdamise tarkvara pidevalt? Kui nad seda teeksid, arvaksin, et mängiksite pidevalt järelejõudmist, kui prooviksite kasutada oma testtarkvara. Seetõttu kasutame pvIQ: see saadab meile täpselt selle, mida portaal renderdaks.

        Mark

        • 7

          Sa oled täiesti õige. Minu mõte on lihtsalt välja töötada kiire ja määrdunud eelvaade, mille keegi saaks enne pvIQ-le saatmist käivitada… näiteks Alt-sildid ja mobiilne eelvaade (tabelid on eemaldatud jne). Ma kindlasti ei taha proovida e-posti klientidega sealsamas segadust hoida! Need inimesed Pivotal Veracity's on selle plussid!

          Doug

  4. 8
  5. 9

    Ma arvan, et potentsiaalselt kasulik täiendus teie ideele oleks võimalus e-kirju eelvaadata samal viisil, nagu seda teevad populaarsed e-posti kliendid. See võtab natuke aega ja uurimist, kuidas igaüks seda teeb (milliseid elemente nad eemaldavad, sisse jätavad jne).

    Ehitate valiku filtrite seeria. Oletame, et GMaili filter, Yahoo Maili, Outlooki (PC, Mac jne) filtrid jne. Selle asemel, et teil peaks olema päikese all iga teenuse jaoks näiv testkontod, võiksite nende eelvaateid suhteliselt kiiresti sirvida.

    ... võib-olla olen liiga palju öelnud ... 😉

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.