Hledání: Nástroj pro náhled e-mailu online

Všimli jste si někdy, kolik e-mailových klientů blokuje obrázky a zobrazuje alternativní text? Zajímalo by mě, jestli někdo skutečně viděl tento emulovaný pomocí JavaScriptu nebo skriptování na straně serveru. Rád bych dostal ruku na nástroj, který to dělá. Postupem času jsem si jist, že takovou stránku dokážu vyvinout ... vlastně jsem začal hrát dnes večer. Zde je funkce, která odstraní všechny vaše obrázky na stránce:

funkce replace () // odebrání obrázků
{
var imgs = document.getElementsByTagName ('img'); // pole
for (var i = 0; i> imgs.length; i ++) // smyčka
{
obrázky [i] .src = ""; // nastavit obrázky na nic
}
}

Je to docela jednoduchý Javascript. První věc, kterou udělám, je shromáždit řadu obrázků HTML. Pole je skupina položek. Řekl jsem javascript, aby dostal každý prvek, který má značku img. (Takto zobrazujete obrázky v HTML). Dále jsem ‚smyčku 'přes pole tím, že řekne, aby začal s první položkou (= 0), jděte na tolik položek, které jsou (imgs.length), a když je to provedeno se smyčkou, přidejte 1 pro přesun na další položku (i ++).

V podstatě se děje to, že pole shromažďuje umístění každého obrázku na stránce, prochází je a nastavuje každý na nic. To, co bych s tím opravdu chtěl udělat, je odstranit obrázek, ale ve skutečnosti zobrazit jakýkoli alternativní text - stejně jako e-mailový klient. Také bych rád odstranil další prvky tabulky a div, aby se vykreslily tak, jak by to vypadalo v mnoha mobilních klientech. To by nahradilo formátování vložené značky stylu a písma.

Viděl někdo něco takového? Pokud ano, napište mi do mého kontaktního formuláře. Pokud je napsáno v C # nebo zejména v JavaScriptu, může to být dokonce něco, k nákupu bych mohl být autorizován. Výhodou JavaScriptu je, že jej lze dynamicky vypínat a zapínat - opravdu pěkná funkce! Mezitím na tom budu pokračovat sám!

9 Komentáře

  1. 1

    To by byl opravdu jednoduchý javascript Greasemonkey

    Jste téměř tam, stačí vložit alt tag jako nextSibling.

    pak to vložte na userscripts.org 🙂

    Můžete také použít Greasemonkey k XPI nebo jakkoli se tomu říká, aby se z něj stalo správné samostatné rozšíření Firefoxu.

  2. 2

    Hi Doug,

    Společnost Panel nástrojů pro vývojáře webu má k tomu nástroj, který to konkrétně nazývá, „Nahradit obrázky alternativními atributy“. Dělá přesně to, co chcete, zdarma!

    Vyvrátilo to problém s přístupem k vašemu webu. Vypnutí obrázků ponechá černý text na černém pozadí, takže kdokoli surfuje na webu bez obrázků, nebude číst vaše příspěvky!

    Přidání:

    .post { background-color:#fff; }

    by to mělo vyřešit, aniž by vaše téma pokazilo.

    • 3

      Skvělé najít a chytit, Phil! Díky moc. Do tohoto doplňku se ponořím trochu hlouběji, protože potřebuji část této funkce na stránce, spíše než v samotném prohlížeči. Skvělý!

      (Také jsem aktualizoval svoji třídu příspěvků - děkuji, že jste na to upozornil!)

  3. 4

    Na Agency.com používáme produkt s názvem pvIQ od Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php), to je velká pomoc s vaším problémem. Posíláme naše testovací e-maily na naše různé testovací účty ISP a pak pvIQ načte jpgs vykreslených e-mailů z každého z účtů, jak by se objevily v různých prohlížečích. To nám ušetří obrovské množství času, protože vše, co musíme udělat, je podívat se na výsledné soubory JPG. Doporučil bych to.

    • 5

      Ahoj Marku,

      Pivotal Veracity má několik neuvěřitelných nástrojů! Vím, že nedávno spustili také API. Snažím se udělat něco trochu jednoduššího, jen „rychlý“ pohled, který nevyžaduje skutečné zasílání e-mailů. Představte si jen tlačítko, na které kliknete, a můžete napodobit, jak by to vypadalo, jen abyste se postarali o nízko visící ovoce.

      Doug

      • 6

        Dobrý den,

        Chvíli jsem se na to nedíval, takže se možná mýlím, ale portály stále nemění svůj software pro vykreslování pošty? Pokud by to udělali, myslel bych si, že byste neustále hráli hry, pokud byste se pokusili použít svůj vlastní testovací software. Proto používáme pvIQ: posílá nám přesně to, co by portál vykreslil.

        Mark

        • 7

          Máte naprostou pravdu. Moje myšlení jednoduše vyvíjí „rychlý a špinavý“ náhled, který by někdo mohl spustit před odesláním na něco jako pvIQ… věci, jako jsou Alt tagy a mobilní náhled (tabulky odstraněny atd.). Rozhodně se nechci snažit držet krok s nepořádkem tam s e-mailovými klienty! Ti lidé v Pivotal Veracity jsou v tom klady!

          Doug

  4. 8
  5. 9

    Myslím, že potenciálně užitečným doplňkem vašeho nápadu by byla možnost zobrazit náhled e-mailů stejným způsobem jako populární e-mailoví klienti. Chtělo by to nějaký čas a prozkoumat, jak to každý dělá (jaké prvky odizolují, nechají dovnitř atd.).

    Vytváříte řadu filtrů, ze kterých si můžete vybrat. Řekněme, filtr GMail, filtry Yahoo Mail, Outlook (PC, Mac atd.) Atd. Takže místo toho, abyste museli mít u každé služby pod sluncem fiktivní testovací účty, můžete procházet náhledy každé z nich relativně rychle.

    ... možná jsem toho řekl příliš mnoho ... 😉

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.