Pagpangita: Online Email Preview Tool

Namatikdan ba nimo kung pila ka mga kliyente sa email ang nag-ali sa mga imahe ug gipakita ang kapilian nga teksto? Natingala ako kung adunay nakakita sa kini nga gisundog nga gigamit ang JavaScript o Server-side script. Gusto ko nga makakuha sa usa ka kamot sa usa ka himan nga gibuhat kini. Paglabay sa panahon, sigurado ako nga makahimo ako usa ka panid… Nagsugod gyud ako pagdula karong gabii. Ania ang usa ka kalihokan nga gikuha ang tanan nimo nga mga imahe sa usa ka panid:

function ilisan () // tangtang mga imahe
{
var imgs = document.getE ElementByTagName ('img'); // array
alang sa (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // ibutang ang mga imahe sa wala
}
}

Kini yano nga Javascript. Ang una nga butang nga akong gibuhat mao ang pagkolekta sa usa ka han-ay sa mga imahe sa HTML. Ang usa ka laraw usa ka grupo sa mga butang. Giingon nako sa javascript nga makuha ang matag elemento nga adunay usa ka img tag. (Kana kung giunsa nimo gipakita ang mga imahe sa HTML). Sunod akong 'loop' pinaagi sa pag-ayo pinaagi sa pagsulti niini nga magsugod sa una nga butang (= 0), moadto alang sa daghang mga butang nga adunay (imgs.length), ug kung nahuman na sa loop idugang ang 1 aron mobalhin sa sunod nga butang (i ++).

Ang mahinungdan nga nahinabo mao nga gikolekta sa han-ay ang lokasyon sa matag imahe sa panid, gi-loop kini, ug gibutang ang matag usa sa wala. Ang gusto gyud nako nga buhaton niini mao ang pagtangtang sa imahe apan ang tinuod nga pagpakita sa bisan unsang alternatibo nga teksto - sama sa gusto sa usa ka kliyente sa email. Gusto ko usab nga tangtangon ang uban pang mga elemento sa lamesa ug div aron mahatagan kini sama sa pagtan-aw sa daghang mga kliyente sa Mobile. Kini ang mopuli sa inline style tag ug font formatting.

Adunay nakakita o naghimo sa bisan unsang sama niini? Kung mao, ihulog ako usa ka sulat sa akong contact form. Kung gisulat kini sa C # o labi na sa JavaScript, mahimo nga kini usa pa ka butang nga gitugotan ako nga mopalit. Ang kaayohan sa JavaScript mao nga mahimo kini mapalong ug maabtik nga madasig - usa ka nindot kaayo nga bahin! Sa kasamtangan, magpadayon ako sa pagbuhat niini sa akong kaugalingon!

9 Comments

  1. 1

    Kana mahimo’g usa ka yano nga javascript sa Greasemonkey

    Hapit ka na didto, isulud ra ang alt tag ingon sa sunodSibling.

    pagkahuman ibutang kini sa userscripts.org 🙂

    Mahimo mo usab nga gamiton ang Greasemonkey sa XPI o kung unsa man ang tawag niini aron mahimo kini usa ka husto nga kaugalingon nga extension sa Firefox.

  2. 2

    Kumusta Doug,

    ang Web Developer Toolbar adunay usa ka himan alang sa paghimo niini nga piho, nga gitawag nga "Puli ang Mga Larawan Sa Mga Kinaiya sa Alt". Gibuhat gyud niini kung unsa ang gusto nimo libre!

    Bisan pa gilabay niini ang us aka isyu sa pag-access sa imong site. Ang pagpalong sa mga imahe nagbiya sa itom nga teksto sa usa ka itom nga background, busa bisan kinsa ang mag-surf sa web nga wala’y mga imahe dili mabasa ang imong mga gi-post!

    Pagdugang:

    .post { background-color:#fff; }

    kinahanglan nga sulbaron kana nga dili gub-on ang imong tema bisan pa.

    • 3

      Maayo ang pagpangita ug pagdakup, Phil! Daghang salamat. Magkutkut ako sa kini nga add-on sa usa ka gamay nga lawom tungod kay kinahanglan nako ang pipila sa kanang pagpaandar sa usa ka panid imbis sa browser mismo. Bugnaw kaayo!

      (Gi-update usab nako ang akong klase sa pag-post - salamat sa pagtudlo niana!)

  3. 4

    Sa Agency.com naggamit kami usa ka produkto nga gitawag pvIQ gikan sa Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) dako kana nga tabang sa imong problema. Gipadala namon ang among mga email sa pagsulay sa among lainlaing mga account sa pagsulay sa ISP ug pagkahuman nakuha sa pvIQ ang mga jpg sa gihatag nga mga email gikan sa matag usa sa mga account, tungod kay makita kini sa lainlaing mga browser. Makatipig kini kanato sa daghang oras, tungod kay ang kinahanglan ra naton buhaton mao ang pagtan-aw sa mga nagresulta nga mga jpgs. Girekomenda ko kini.

    • 5

      Kumusta Mark,

      Ang Pivotal Veracity adunay pipila nga dili katuohan nga mga gamit! Nahibal-an nako nga bag-o lang usab gilansad nila ang usa ka API. Gisulayan nako nga buhaton ang usa ka butang nga medyo simple, usa ra ka 'dali' nga pagtan-aw nga dili kinahanglan nga ipadala gyud ang email. Paghunahuna usa ka butones ra aron ma-klik ug mahimo nimong sundogon kung unsa kini tan-awon, aron maatiman ra ang ubos nga nagbitay nga prutas.

      Doug

      • 6

        Hi,

        Wala ko kini pagtan-aw sa makadiyot, mao nga tingali ako sayup, apan dili ba padayon nga gibag-o sa mga portal ang ilang mail rendering software? Kung gibuhat nila kini, mahunahuna nako nga kanunay ka nga magdula og catch-up kung gisulayan nimo nga gamiton ang imong kaugalingon nga software sa pagsulay. Mao nga gigamit namon ang pvIQ: gipadala kini kanamo nga eksakto kung unsa ang igahatag sa portal.

        Marcos

        • 7

          Husto gyud ka. Ang akong panghunahuna yano nga naghimo og usa ka 'dali & hugaw' nga previewer nga mahimo ipatuman sa usa ka tawo sa wala pa ipadala sa usa ka butang sama sa pvIQ… mga butang sama sa Alt tag ug mobile preview (gikuha ang mga lamesa, ug uban pa). Siguruha nga dili ko gusto nga sulayan nga makapadayon sa mga kagubot didto sa mga kliyente sa Email! Kadtong mga tawo sa Pivotal Veracity mao ang mga kaayohan niana!

          Doug

  4. 8

    Usa ka butang nga ingon niini?

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

  5. 9

    Sa akong hunahuna ang usa ka potensyal nga mapuslanon nga pagdugang sa imong ideya mao ang abilidad sa pag-preview sa mga email sa parehas nga pamaagi nga gihimo sa mga sikat nga email kliyente. Nagdugay kini ug panukiduki kung giunsa kini himuon sa matag usa (unsang mga elemento ang ilang huboon, ibilin, ug uban pa).

    Naghimo ka usa ka serye sa mga pagsala aron mapili. Isulti, usa ka filter nga GMail, Yahoo Mail, Outlook (PC, Mac, ug uban pa) nga mga filter, ug uban pa. Hinuon, sa baylo nga adunay mga dummy test account sa matag serbisyo sa ilalum sa adlaw, mahimo ka nga maka-cycle sa mga preview sa matag usa nga medyo dali.

    … Tingali daghan na ang akong nasulti… 😉

Unsay imong hunahuna?

Kini nga site naggamit sa Akismet sa pagpakunhod sa spam. Hibal-i kon giunsa ang pagproseso sa datos sa imong komento.