Op syk nei: Online e-postfoarbyldhulpmiddel

Hawwe jo ea opmurken hoefolle e-postkliïnten ôfbyldings blokkearje en de alternative tekst werjaan? Ik bin nijsgjirrich as immen dit emulearre hat sjoen mei JavaScript of Server-side scripting. Ik wol graach in hân krije by in ark dat it docht. Yn 'e rin fan' e tiid bin ik wis dat ik sa'n pagina kin ûntwikkelje ... Ik begon eins te spyljen fan 'e jûn. Hjir is in funksje dy't al jo ôfbyldings op in side fuortsmyt:

funksje ferfange () // ôfbyldings fuortsmite
{
var imgs = document.getElementsByTagName ('img'); // array
foar (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // set de ôfbyldings op neat
}
}

It is frij ienfâldich Javascript. It earste wat ik doch is in array fan 'e ôfbyldings yn HTML, In array is in groep items. Ik fertelde it javascript elk elemint te krijen dat in img-tag hat. (Dat is hoe't jo ôfbyldings werjaan yn HTML). Folgjende 'loop ik' troch de array troch te fertellen dat it mei it earste item (= 0) moat begjinne, gean nei safolle items dy't d'r binne (ôfbyldingslange), en as it klear is mei de loop add 1 om nei it folgjende item te gean (i ++).

Wat yn prinsipe bart is dat de array de lokaasje fan elke ôfbylding op 'e pagina sammelt, troch har hinne loopt en elk op neat stelt. Wat ik hjir echt mei dwaan wol is de ôfbylding fuortsmite, mar eins elke alternative tekst werjaan - krekt lykas in e-postkliïnt soe. Ik soe ek graach oare tafel- en div-eleminten fuortsmite wolle om it wer te jaan sa't it yn in protte mobile kliïnten derút soe sjen. Dit soe inline styl tag en opmaak fan lettertypen ferfange.

Hat immen soks sjoen of boud? As dat sa is, stjoer my dan in notysje yn myn kontaktformulier. As it is skreaun yn C # of yn 't bysûnder JavaScript, kin it sels wat wêze dat ik autorisearje koe om te keapjen. It foardiel fan JavaScript is dat it dynamysk koe wurde útskeakele en ynskeakele - in echt leuke funksje! Underwilens sil ik der sels oan trochwurkje!

9 Comments

  1. 1

    Dat soe in echt ienfâldich javascript fan Greasemonkey wêze

    Jo binne der hast, ynfoegje allinich de alt-tag as it folgjende broerke.

    set it dan op usercripts.org 🙂

    Jo kinne Greasemonkey ek brûke foar XPI of wat it ek hjit om it in juste selsstannige Firefox-útwreiding te meitsjen.

  2. 2

    Hoi Doug,

    De Arkbalke foar webûntwikkelder hat in ark om dit spesifyk te dwaan, neamd "Ofbyldings ferfange mei alt-attributen". It docht krekt wat jo fergees wolle!

    It smiet wol in berikberensprobleem op jo side op. Ofbyldings útsette lit swarte tekst op in swarte eftergrûn, dus elkenien dy't op it web surft sûnder ôfbyldings sil net jo berjochten lêze!

    Tafoegje:

    .post { background-color:#fff; }

    moat dat oplosse sûnder jo tema lykwols te ferjitten.

    • 3

      Geweldige fynst en fangen, Phil! Tige tank. Ik sil dizze add-on in bytsje djipper grave, om't ik wat fan dy funksjonaliteit op in side nedich is ynstee fan 'e browser sels. Hiel cool!

      (Ik haw myn postklasse ek bywurke - tank foar it oanwizen!)

  3. 4

    Op Agency.com brûke wy in produkt neamd pvIQ fan Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) dat is in grutte help mei jo probleem. Wy stjoere ús test-e-posten nei ús ferskate ISP-testakkounts en pvIQ hellet dan jpgs fan de werjûn e-postberjochten út elk fan 'e akkounts op, lykas se yn ferskate browsers ferskine soene. Dit besparret ús enoarme bedraggen fan tiid, om't alles wat wy hoege te dwaan is nei de resultearjende jpgs te sjen. Ik soe it oanbefelje.

    • 5

      Hoi Mark,

      Pivotal Veracity hat wat ongelooflijke ark! Ik wit dat se koartlyn ek in API hawwe lansearre. Ik besykje wat wat ienfâldiger te dwaan, gewoan in 'rappe' útstrieling dy't it e-post net eins ferstjoert. Stel josels mar in knop om te klikken en jo kinne emulearje hoe't it der útsjen soe, gewoan om te soargjen foar it leechhingjende fruit.

      doug

      • 6

        Hoi,

        Ik haw dit in skoft net besjoen, dus ik kin miskien wêze, mar feroarje de portalen har software foar e-mailferfier net? As se dat diene, soe ik tinke dat jo konstant ynhelje soene as jo jo eigen testsoftware besykje te brûken. Dêrom brûke wy pvIQ: it stjoert ús presys wat it portal werjaan soe.

        Merk

        • 7

          Jo binne perfoarst korrekt. Myn tinken is gewoan it ûntwikkeljen fan in 'rappe & smoarge' previewer dy't immen koe útfiere foardat hy stjoerde nei sokssawat as pvIQ ... dingen lykas Alt-tags en foarbyld fan mobyl (tabellen fuorthelle, ensfh.). Ik wol perfoarst net besykje mei de e-post te hâlden mei e-postkliïnten! Dy minsken by Pivotal Veracity binne de profs dêrby!

          doug

  4. 8
  5. 9

    Ik tink dat in potensjeel nuttige oanfolling op jo idee de mooglikheid wêze soe om de e-post te besjen op deselde manier as populêre e-postkliïnten dogge. It soe wat tiid duorje en ûndersykje nei hoe't elk it docht (hokker eleminten se stripe, ynlitte, ensfh.).

    Jo bouwe in searje filters om út te kiezen. Sis, in GMail-filter, Yahoo Mail, Outlook (PC, Mac, ensfh.) Filters, ensfh. Dus, ynstee fan dummy-testakkounts te hawwen by elke tsjinst ûnder de sinne, kinne jo relatyf fluch trochfoarbylden fan elk fytse.

    ... miskien haw ik te folle sein ... 😉

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.