Meklēju: tiešsaistes e-pasta priekšskatīšanas rīks

Vai esat kādreiz pamanījuši, cik daudz e-pasta klientu bloķē attēlus un parāda alternatīvo tekstu? Man ir interesanti, vai kāds tiešām ir redzējis šo atdarināšanu, izmantojot JavaScript vai servera puses skriptu. Es gribētu saņemt roku ar rīku, kas to dara. Laika gaitā esmu pārliecināts, ka varu izveidot šādu lapu ... Es tiešām sāku spēlēt šovakar. Šeit ir funkcija, kas noņem visus jūsu attēlus no lapas:

funkcija aizstāt () // noņemt attēlus
{
var imgs = document.getElementsByTagName ('img'); // masīvs
for (var i = 0; i> imgs.length; i ++) // cilpa
{
imgs [i] .src = ""; // iestatiet attēlus uz neko
}
}

Tas ir diezgan vienkāršs Javascript. Pirmā lieta, ko es daru, ir savākt attēlu masīvu HTML. Masīvs ir vienumu grupa. Es teicu javascript, lai iegūtu visus elementus, kuriem ir img tags. (Tā jūs attēlojat attēlus HTML formātā). Pēc tam es "cilpoju" caur masīvu, sakot, ka tas sākas ar pirmo vienumu (= 0), dodieties uz tik daudz vienumu (imgs.length), un, kad tas ir izdarīts ar cilpu, pievienojiet 1, lai pārietu uz nākamo vienumu (i ++).

Būtībā notiek tas, ka masīvs apkopo katra attēla atrašanās vietu lapā, cilpas caur tiem un katru nenosaka. Ko es patiešām vēlētos darīt, ir noņemt attēlu, bet faktiski parādīt jebkuru alternatīvu tekstu - tāpat kā to darītu e-pasta klients. Es arī labprāt noņemtu citus tabulas un div elementus, lai tos atveidotu, kā tas izskatās daudzos mobilajos klientos. Tas aizstātu iekšējā stila tagu un fonta formatējumu.

Vai kāds kaut ko tādu ir redzējis vai uzcēlis? Ja tā, nometiet man piezīmi manā kontaktu veidlapā. Ja tas ir rakstīts C # vai it īpaši JavaScript, tas var būt pat kaut kas tāds, ko es varētu pilnvarot iegādāties. JavaScript priekšrocība ir tā, ka to varēja dinamiski izslēgt un ieslēgt - patiešām jauka funkcija! Tikmēr es turpināšu pie tā strādāt!

9 Komentāri

  1. 1

    Tas būtu patiešām vienkāršs Greasemonkey javascript

    Jūs esat gandrīz tur, vienkārši ievietojiet alt tagu kā nākamoSibling.

    pēc tam ievietojiet to vietnē userscripts.org 🙂

    Jūs varētu arī izmantot Greasemonkey XPI vai kā to sauc, lai tas būtu pareizs atsevišķs Firefox paplašinājums.

  2. 2

    Sveiks, Doug!

    Jūsu darbs IR Klientu apkalpošana Tīmekļa izstrādātāja rīkjosla ir rīks, lai to izdarītu tieši ar nosaukumu “Attēlu aizstāšana ar Alt atribūtiem”. Tas bez maksas dara tieši to, ko vēlaties!

    Tomēr tas jūsu vietnei radīja pieejamības problēmu. Attēlu izslēgšana atstāj melnu tekstu uz melna fona, tāpēc ikviens, kurš sērfo tīmeklī bez attēliem, nelasīs jūsu ziņas!

    Pievienojot:

    .post { background-color:#fff; }

    vajadzētu to atrisināt, nesajaucot savu tēmu.

    • 3

      Lieliski atrodi un noķer, Fili! Liels paldies. Es iedziļināšos šajā papildinājumā nedaudz dziļāk, jo man ir nepieciešama kāda no šīm funkcijām lapā, nevis pati pārlūkprogramma. Ļoti foršs!

      (Es arī atjaunināju savu pasta klasi - paldies, ka to norādījāt!)

  3. 4

    Vietnē Agency.com mēs izmantojam produktu ar nosaukumu pvIQ no Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php), kas ir liela palīdzība jūsu problēmai. Mēs nosūtām testa e-pasta ziņojumus uz dažādiem mūsu ISP testa kontiem un pēc tam pvIQ no katra konta izgūst atveidoto e-pasta ziņojumu JPG, kā tie būtu redzami dažādās pārlūkprogrammās. Tas ietaupa mums ārkārtīgi daudz laika, jo mums atliek tikai apskatīt iegūtos JPG. Es ieteiktu.

    • 5

      Sveiki,

      Galvenajai patiesībai ir daži neticami rīki! Es zinu, ka viņi nesen ir uzsākuši arī API. Es mēģinu izdarīt kaut ko nedaudz vienkāršāku, tikai "ātru" izskatu, kas neprasa patiesu e-pasta izsūtīšanu. Iedomājieties tikai vienu pogu, lai noklikšķinātu, un jūs varat atdarināt, kā tas izskatītos, lai tikai rūpētos par zemu karājošajiem augļiem.

      Doug

      • 6

        Sveiki,

        Kādu laiku neesmu to apskatījis, tāpēc, iespējams, kļūdos, bet vai portāli nemaina savu pasta atveidošanas programmatūru? Ja viņi to izdarītu, es domāju, ka jūs pastāvīgi spēlētu panākumus, ja mēģinātu izmantot savu testa programmatūru. Tāpēc mēs izmantojam pvIQ: tas nosūta mums tieši to, ko portāls sniegs.

        Atzīmējiet

        • 7

          Jūs esat pilnīgi pareizs. Manuprāt, es vienkārši izstrādāju ātru un netīru priekšskatītāju, kuru kāds varētu izpildīt pirms nosūtīšanas uz kaut ko līdzīgu pvIQ ... piemēram, Alt tagi un mobilā priekšskatīšana (tabulas noņemtas utt.). Es noteikti nevēlos mēģināt sekot līdzi e-pasta klientu nesakārtotībai! Šie galvenās pārliecības ļaudis ir plusi tajā!

          Doug

  4. 8

    Kaut kas tamlīdzīgs?

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

  5. 9

    Es domāju, ka potenciāli noderīgs papildinājums jūsu idejai būtu iespēja priekšskatīt e-pastus tādā pašā veidā, kā to dara populāri e-pasta klienti. Tas prasītu zināmu laiku un izpēti, kā katrs to dara (kādus elementus viņi noņem, atstāj utt.).

    Jūs veidojat virkni filtru, no kuriem izvēlēties. Teiksim, GMail filtrs, Yahoo Mail, Outlook (PC, Mac utt.) Filtri utt. Tātad, tā vietā, lai ar katru pakalpojumu zem saules būtu manekena testa konti, jūs varētu salīdzinoši ātri pārlūkot katra no tiem priekšskatījumus.

    ... varbūt es esmu teicis par daudz ... 😉

Ko jūs domājat?

Šī vietne izmanto Akismet, lai samazinātu surogātpastu. Uzziniet, kā tiek apstrādāts jūsu komentārs.