Keres: Online e-mail előnézeti eszköz

Észrevette már, hogy hány e-mail kliens blokkolja a képeket és megjeleníti az alternatív szöveget? Kíváncsi vagyok, hogy valaki látta-e már ezt JavaScript vagy szerveroldali parancsfájlok használatával emulálva. Szeretnék kézbe kerülni egy eszközzel, amely képes rá. Az idő múlásával biztos vagyok benne, hogy tudok kifejleszteni egy ilyen oldalt ... Ma este kezdtem el játszani. Itt van egy funkció, amely eltávolítja az összes képet az oldalon:

function Replace () // képek eltávolítása
{
var imgs = document.getElementsByTagName ('img'); //sor
for (var i = 0; i> kép hossza; i ++) // hurok
{
imgs [i] .src = ""; // állítsa a képeket semmire
}
}

Ez elég egyszerű Javascript. Az első dolog, amit összegyűjtök a képek tömbjében HTML. A tömb az elemek csoportja. Mondtam a javascriptnek, hogy minden olyan elemet kapjon meg, amely rendelkezik img tag-kel. (Így jelenít meg képeket HTML-ben). Ezután végigmegyek a tömbön, mondván, hogy kezdje az első tétellel (= 0), menjen annyi elemre, amennyi van (imgs.length), és amikor a ciklussal elkészült, adjon hozzá 1-et a következő elemre lépéshez (i ++).

Alapvetően az történik, hogy a tömb összegyűjti az oldal minden képének helyét, végiggörgeti őket, és mindegyiket semmire sem állítja. Amit nagyon szeretnék csinálni, az az, hogy eltávolítom a képet, de valóban megjelenítek bármilyen alternatív szöveget - akárcsak egy e-mail kliens. Szívesen eltávolítanék más tábla és div elemeket is, hogy megjelenítsék őket, ahogy sok mobil kliensnél nézne ki. Ez felváltaná a soron belüli stíluscímke és a betűtípus formázását.

Látott vagy épített valaki ilyesmit? Ha igen, dobjon nekem egy megjegyzést a kapcsolattartási űrlapomra. Ha C # nyelven vagy különösen JavaScript-ben van írva, akkor az is lehet, hogy felhatalmazást kaphatok a vásárlásra. A JavaScript előnye, hogy dinamikusan ki- és bekapcsolható - ez egy nagyon jó funkció! Közben magam is folytatom a munkát!

9 Comments

  1. 1

    Ez egy igazán egyszerű Greasemonkey javascript lenne

    Már majdnem ott vagy, csak helyezd be az alt tag-et a következő Szótárként.

    majd tedd a userscripts.org webhelyre 🙂

    Használhatja a Greasemonkey alkalmazást XPI-hez vagy bármilyen más néven, hogy megfelelő önálló Firefox kiterjesztéssé váljon.

  2. 2

    Szia Doug,

    A Webfejlesztő eszköztár rendelkezik egy eszközzel erre a célra, amelynek neve: „Képek cseréje Alt attribútumokkal”. Pontosan azt csinálja, amit ingyen akarsz!

    Pedig akadálymentesítési problémát vetett fel a webhelyével. A képek kikapcsolásával a fekete háttér fekete szöveget hagy, így bárki, aki kép nélkül internetezik, nem fogja olvasni a bejegyzéseit!

    hozzátéve:

    .post { background-color:#fff; }

    meg kell oldania ezt anélkül, hogy elrontaná a témáját.

    • 3

      Remek találás és elkapás, Phil! Köszönöm szépen. Kicsit mélyebben fogok belemélyedni ebbe a kiegészítõbe, mivel szükségem van valamilyen funkcióra egy oldalon, nem pedig maga a böngészõ. Nagyon cool!

      (Frissítettem a bejegyzés osztályomat is - köszönöm, hogy felhívta a figyelmet!)

  3. 4

    Az Agency.com webhelyen a Pivotal Veracity pvIQ nevű termékét használjuk (http://pivotalveracity.com/solutions/pvIQ.php), amely nagy segítség a problémádban. Teszt e-mailjeinket elküldjük különféle ISP tesztfiókodjainknak, majd a pvIQ lekéri az egyes fiókok JPG-jeit a renderelt e-mailekből, mivel azok különböző böngészőkben jelennek meg. Ez óriási időt takarít meg nekünk, mivel csak annyit kell tennünk, hogy megnézzük az eredményül kapott JPG-ket. Ajánlanám.

    • 5

      Szia Mark,

      A Pivotal Veracitynek hihetetlen eszközei vannak! Tudom, hogy nemrégiben elindítottak egy API-t is. Kicsit egyszerűbbet próbálok csinálni, csak egy „gyors” megjelenést, amelyhez nincs szükség az e-mail tényleges elküldésére. Képzelje el, hogy csak egy gombra kattint, és utánozhatja, hogy nézne ki, csak hogy gondoskodjon az alacsonyan lógó gyümölcsről.

      Doug

      • 6

        Szia,

        Egy ideje nem néztem ezt meg, ezért lehet, hogy tévedek, de a portálok nem változtatják-e folyamatosan a levelek rendering szoftverét? Ha megtennék, azt gondolnám, hogy folyton felzárkózni fog, ha megpróbálja használni a saját teszt szoftverét. Ezért használjuk a pvIQ-t: pontosan azt küldi nekünk, amit a portál megjelenítene.

        Mark

        • 7

          Teljesen igazad van. Gondolkodásom egyszerűen egy „gyors és piszkos” előnézeti kép kidolgozását jelenti, amelyet valaki végre tud hajtani, mielőtt elküldené a pvIQ-hoz hasonló dolgokat ... például Alt címkék és mobil előnézet (táblák eltávolítva stb.). Határozottan nem akarok megpróbálni lépést tartani az e-mail kliensekkel fennálló rendetlenséggel! A Pivotal Veracity emberei ebben a profik!

          Doug

  4. 8
  5. 9

    Úgy gondolom, hogy ötletének potenciálisan hasznos kiegészítője lehetne az e-mailek előnézete ugyanúgy, mint a népszerű e-mail kliensek. Időbe és kutatásba kellene vennünk, hogy mindegyik hogyan csinálja (milyen elemeket vetkőzik le, hagy be stb.).

    Épít egy sor szűrőt, amelyek közül választhat. Mondjuk, a GMail szűrő, a Yahoo Mail, az Outlook (PC, Mac stb.) Szűrők stb. Tehát ahelyett, hogy minden napsugárzás alatt lévő szolgálatnál teszt tesztfiókok lennének, viszonylag gyorsan áttekintheti az egyes előnézeteket.

    ... talán túl sokat mondtam ... 😉

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.