Iščem: Spletno orodje za predogled e-pošte

Ste že kdaj opazili, koliko e-poštnih odjemalcev blokira slike in prikaže nadomestno besedilo? Zanima me, ali je kdo že videl to posnemanje z uporabo JavaScript ali strežniškega skriptiranja. Rad bi dobil orodje, ki to počne. Sčasoma sem prepričan, da lahko razvijem takšno stran ... Začel sem igrati nocoj. Tu je funkcija, ki odstrani vse vaše slike na strani:

funkcija replace () // odstranjevanje slik
{
var imgs = document.getElementsByTagName ('img'); // matrika
for (var i = 0; i> imgs.length; i ++) // zanka
{
imgs [i] .src = ""; // slike nastavimo na nič
}
}

To je precej preprost Javascript. Prva stvar, ki jo naredim, je, da zberem vrsto slik v HTML. Matrika je skupina elementov. Javascriptu sem rekel, naj dobi vsak element, ki ima oznako img. (Tako prikazujete slike v HTML-ju). Nato skozi matriko 'zankam' tako, da ji rečem, naj se začne s prvim elementom (= 0), poiščem toliko elementov (imgs.length) in ko končam z zanko, dodam 1, da se premaknem na naslednji element (i ++).

V bistvu se zgodi, da matrika zbere lokacijo vsake slike na strani, se zanje pregleda in vsako nastavi na nič. S tem bi resnično želel odstraniti sliko, vendar dejansko prikazati katero koli drugo besedilo - tako kot e-poštni odjemalec. Prav tako bi rad odstranil druge elemente tabele in div, da bi jih upodobili, kot bi bilo videti v mnogih mobilnih odjemalcih. To bi nadomestilo oblikovanje vstavljenih slog in oznak pisave.

Je kdo videl ali zgradil kaj takega? V tem primeru mi pošljite opombo v mojo kontaktno obliko. Če je napisano v jeziku C # ali zlasti JavaScript, je morda celo nekaj, za kar bi lahko bil pooblaščen za nakup. Prednost JavaScript je v tem, da ga je mogoče dinamično izklopiti in vklopiti - res prijetna lastnost! Medtem bom še naprej delal na tem!

9 Komentarji

  1. 1

    To bi bil res preprost javascript Greasemonkey

    Skoraj ste že prišli, samo vstavite oznako alt kot nextSibling.

    nato jo postavite na userscripts.org 🙂

    Greasemonkey lahko uporabite tudi za XPI ali karkoli že se imenuje, da postane ustrezna samostojna razširitev Firefoxa.

  2. 2

    Živjo Doug,

    O Orodna vrstica spletnega razvijalca ima za to posebno orodje, imenovano "Zamenjaj slike z nadomestnimi atributi". Brezplačno naredi točno tisto, kar želite!

    Kljub temu je na vašem spletnem mestu prišlo do težave z dostopnostjo. Če izklopite slike, ostane črno besedilo na črnem ozadju, zato vsi, ki brskajo po spletu brez slik, ne bodo brali vaših objav!

    Dodajanje:

    .post { background-color:#fff; }

    bi morali to rešiti, ne da bi zamotili svojo temo.

    • 3

      Super najdba in ulov, Phil! Najlepša hvala. Ta dodatek bom poglobil nekoliko globlje, saj potrebujem nekaj te funkcije na strani in ne brskalnik sam. Zelo kul!

      (Posodobil sem tudi svoj tečaj objave - hvala, ker ste to opozorili!)

  3. 4

    Na spletnem mestu Agency.com uporabljamo izdelek, imenovan pvIQ podjetja Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php), ki je v veliko pomoč pri vaši težavi. Preizkusna e-poštna sporočila pošljemo različnim testnim računom ponudnikov internetnih storitev, nato pa pvIQ pridobi jpgs upodobljenih e-poštnih sporočil iz vsakega od računov, kot bi bili prikazani v različnih brskalnikih. To nam prihrani ogromno časa, saj moramo le pogledati nastale jpg-je. Priporočam.

    • 5

      Zdravo Mark,

      Pivotal Veracity ima nekaj neverjetnih orodij! Vem, da so pred kratkim uvedli tudi API. Poskušam narediti nekaj preprostejšega, samo "hiter" videz, ki ne zahteva dejanskega pošiljanja e-pošte. Predstavljajte si samo gumb, s katerim lahko kliknete in posnemate, kako bo videti, samo da poskrbite za nizko viseče sadje.

      Doug

      • 6

        Hi,

        Že nekaj časa tega nisem pogledal, zato se morda motim, a portali ne spreminjajo svoje programske opreme za upodabljanje pošte? Če bi se, bi mislil, da bi ves čas igrali dohitevanje, če bi poskušali uporabiti lastno testno programsko opremo. Zato uporabljamo pvIQ: pošlje nam natanko tisto, kar bi portal upodobil.

        Označi

        • 7

          Popolnoma imaš prav. Mislim, da preprosto razvijam "hiter in umazan" predogled, ki bi ga lahko nekdo izvedel, preden ga pošlje na nekaj podobnega pvIQ ... stvari, kot so oznake Alt in predogled v mobilnih napravah (tabele odstranjene itd.). Vsekakor nočem poskušati slediti neredu z e-poštnimi odjemalci! Ljudje v Pivotal Veracity so pri tem profesionalci!

          Doug

  4. 8

    Nekaj ​​podobnega?

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

  5. 9

    Menim, da bi potencialno koristen dodatek k vaši zamisli bila možnost predogleda e-poštnih sporočil na enak način kot priljubljeni e-poštni odjemalci. Potrebno bi bilo nekaj časa in raziskati, kako to počne vsak (katere elemente je treba odstraniti, pustiti itd.).

    Izberete lahko vrsto filtrov, med katerimi lahko izbirate. Recimo, filter GMail, filtri Yahoo Mail, Outlook (PC, Mac itd.) Itd. Namesto da bi morali imeti preskusne račune pri vsaki storitvi pod soncem, bi lahko razmeroma hitro preleteli predogled vsakega.

    ... mogoče sem rekel preveč ... 😉

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.