In cerca: Strumentu di Previsualizazione di E-mail in Linea

Avete mai rimarcatu quanti clienti di email bluccanu l'imaghjini è mostranu u testu alternativu? Sò curioso se qualcunu hà veramente vistu questu emulatu aduprendu JavaScript o script di latu Server. Mi piacerebbe uttene una manu nantu à un strumentu chì a faci. Cù u tempu, sò sicuru chì possu sviluppà una tale pagina ... In realtà aghju cuminciatu à ghjucà stasera. Eccu una funzione chì elimina tutte e vostre immagini in una pagina:

funzione replace () // caccià l'imaghjini
{
var imgs = document.getElementsByTagName ('img'); // array
per (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // imposta l'imaghjini à nunda
}
}

Hè abbastanza semplice Javascript. A prima cosa chì facciu hè di raccoglie una serie di immagini in HTML. Un array hè un gruppu di elementi. Aghju dettu à u javascript per uttene ogni elementu chì hà una tag img. (Eccu cumu si vede l'imaghjini in HTML). Dopu aghju "ciclu" attraversu a matrice dicenduli di cumincià cù u primu articulu (= 0), andate per quanti elementi ci sò (imgs.length), è quandu hè finitu cù u ciclu aghjunghje 1 per passà à l'articulu prossimu (i ++).

Ciò chì accade basicamente hè chì l'array raccoglie a situazione di ogni immagine nantu à a pagina, li passa in passu, è mette ognunu à nunda. Ciò chì mi piacerebbe veramente fà cun questu hè di rimuovere l'immagine ma visualizà in realtà qualsiasi testu alternativu - cum'è un cliente di email. Mi piacerebbe ancu rimuovere altri elementi di tavola è div per renderli cume si guarderebbe in parechji Clienti Mobile. Questu rimpiazzaria u tag di stile in linea è u furmatu di caratteri.

Qualchissia hà vistu o custruitu qualcosa di simile? Se sì, lascia mi una nota in u mo modulu di cuntattu. S'ellu hè scrittu in C # o soprattuttu JavaScript, pò ancu esse qualcosa chì puderia esse autorizatu à cumprà. U vantaghju di JavaScript hè chì puderia esse disattivatu è attivatu dinamicamente - una bella funzione! Intantu, continueraghju à travaglià ci stessu!

9 Comments

  1. 1

    Chì seria un javascript Greasemonkey veramente simplice

    Site guasgi quì, basta inserisce l'alt tag cum'è u prossimu fratellu.

    poi mette lu in userscripts.org 🙂

    Puderete ancu aduprà Greasemonkey à XPI o quantu si chjama per fà ne una estensione Firefox autònoma propria.

  2. 2

    Salute Doug,

    lu Barra di Sviluppatore Web hà un strumentu per fà questu specificamente, chjamatu "Rimpiazzà l'Imaghjini Cù Attributi Alt". Face esattamente ciò chì vulete di rigalu!

    Tuttavia, hà lanciatu un prublema di accessibilità cù u vostru situ. Spegnendu e immagini lascia u testu neru nantu à un fondu neru, allora chiunque navighi in Internet senza maghjine ùn leghjerà micca i vostri posti!

    Aghjuntu:

    .post { background-color:#fff; }

    duverebbe risolve quellu senza incalcà u vostru tema quantunque.

    • 3

      Great find and catch, Phil! Grazie mille. Vogliu scavà in questu add-on un pocu più prufondu, postu chì aghju bisognu di una parte di quella funzionalità in una pagina piuttostu chè u navigatore stessu. Moltu bellu!

      (Aghju aghjurnatu ancu a mo classa di postu - grazie per indicà quellu!)

  3. 4

    In Agency.com usamu un pruduttu chjamatu pvIQ da Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) chì hè un grande aiutu cù u vostru prublema. Mandemu i nostri email di prova à i nostri vari conti di test ISP è poi pvIQ recupera i jpg di e-mail resi da ognunu di i conti, cume apparerianu in diversi navigatori. Questu ci risparmia enormi quantità di tempu, postu chì tuttu ciò chì avemu da fà hè di guardà i jpg resultanti. A ricumanderaghju.

    • 5

      Hè Marca,

      Pivotal Veracity hà alcuni strumenti incredibili! Sò chì anu lanciatu pocu fà dinò una API. Cercu di fà qualcosa un pocu più simplice, solu un sguardu "rapidu" chì ùn hà micca bisognu di mandà effettivamente l'email. Immaginate solu un buttone per cliccà è pudete emulà cumu si guarderebbe, solu per curà i frutti pochi appesi.

      Steven

      • 6

        Salute,

        Ùn aghju micca fighjatu questu per un pezzu, allora puderia esse sbagliatu, ma i portali ùn continuanu micca à cambià u so software di resa di mail? S'elli avianu fattu, penseraghju chì ghjucassi sempre à recuperà se pruvate à aduprà u vostru propiu software di test. Hè per quessa chì adupremu pvIQ: ci invia esattamente ciò chì u portale renderia.

        Mark

        • 7

          Sì assolutamente currettu. U mo penseru hè solu di sviluppà un previewer "rapidu è bruttu" chì qualcunu puderia eseguisce prima di mandà à qualcosa cum'è pvIQ ... cose cum'è Alt tags è anteprima mobile (tavuli rimossi, ecc.). Ùn vogliu certamente micca pruvà à tene u ritimu cù u disordine quì cù i Clienti per e-mail! Queste persone in Pivotal Veracity sò i vantaghji!

          Steven

  4. 8

    Qualcosa cum'è questu?

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

  5. 9

    Pensu chì un aghjuntu potenzialmente utile à a vostra idea seria a capacità di prevede e mail in u listessu modu chì i clienti di email popolari. Ci vuleria un pocu di tempu è ricerche nantu à cume ognunu a face (chì elementi anu da spoglia, lascià, ecc.).

    Custruite una seria di filtri da sceglie. Dite, un filtru GMail, Yahoo Mail, filtri Outlook (PC, Mac, ecc.), Ecc. Dunque, invece di avè à avè conti di prova fittizii cù ogni serviziu sottu u sole, puderete passà in bicicletta per e previsioni di ognunu relativamente rapidamente.

    ... forse aghju dettu troppu ... 😉

Chì ne pensi?

Stu situ utilizeghja Akismet per reducisce u puzzicheghju. Sapete ciò chì i dati di i vostri dati è processatu.