Szukam: Narzędzie podglądu poczty e-mail online

Czy zauważyłeś, ilu klientów poczty e-mail blokuje obrazy i wyświetla tekst alternatywny? Jestem ciekawy, czy ktoś rzeczywiście widział to emulowane przy użyciu JavaScript lub skryptów po stronie serwera. Chciałbym położyć rękę na narzędziu, które to robi. Jestem pewien, że z biegiem czasu uda mi się stworzyć taką stronę… Właściwie zacząłem grać dziś wieczorem. Oto funkcja, która usuwa wszystkie obrazy na stronie:

function replace () // usuwa obrazy
{
var imgs = document.getElementsByTagName ('img'); //szyk
for (var i = 0; i> imgs.length; i ++) // pętla
{
imgs [i] .src = ""; // ustaw obrazy na nic
}
}

To całkiem prosty JavaScript. Pierwszą rzeczą, którą robię, jest zebranie tablicy obrazów w formacie HTML. Tablica to grupa elementów. Powiedziałem javascript, aby pobierał każdy element, który ma tag img. (W ten sposób wyświetlasz obrazy w HTML). Następnie `` zapętlam '' tablicę, mówiąc jej, aby rozpocząć od pierwszego elementu (= 0), przeszukać tyle elementów, ile jest (imgs.length), a kiedy skończy się z pętlą, dodaj 1, aby przejść do następnego elementu (i ++).

Zasadniczo dzieje się tak, że tablica zbiera lokalizację każdego obrazu na stronie, przegląda je w pętli i ustawia każdy na nic. To, co naprawdę chciałbym z tym zrobić, to usunąć obraz, ale w rzeczywistości wyświetlić alternatywny tekst - tak jak zrobiłby to klient poczty e-mail. Chciałbym również usunąć inne elementy table i div, aby renderować je tak, jak wyglądałoby w wielu klientach mobilnych. Zastąpiłoby to wbudowany znacznik stylu i formatowanie czcionki.

Czy ktoś widział lub zbudował coś takiego? Jeśli tak, napisz do mnie notatkę w moim formularzu kontaktowym. Jeśli jest napisany w C # lub w szczególności w JavaScript, może to być nawet coś, do zakupu którego mógłbym zostać upoważniony. Zaletą JavaScript jest to, że można go wyłączać i włączać dynamicznie - naprawdę fajna funkcja! W międzyczasie będę dalej nad tym pracował!

Komentarze 9

  1. 1

    To byłby naprawdę prosty skrypt javascript Greasemonkey

    Już prawie gotowe, po prostu wstaw tag alt jako następnySibling.

    następnie umieść go na userscripts.org 🙂

    Możesz także użyć Greasemonkey do XPI lub jakkolwiek to się nazywa, aby uczynić go odpowiednim samodzielnym rozszerzeniem Firefox.

  2. 2

    Cześć Doug,

    Pandemia Pasek narzędzi programisty WWW ma specjalnie do tego celu narzędzie o nazwie „Zastąp obrazy atrybutami alternatywnymi”. Robi dokładnie to, co chcesz za darmo!

    Wystąpił jednak problem z dostępnością w Twojej witrynie. Wyłączenie obrazów pozostawia czarny tekst na czarnym tle, więc każdy, kto surfuje po Internecie bez włączonych obrazów, nie będzie czytał Twoich postów!

    Dodawanie:

    .post { background-color:#fff; }

    powinien jednak rozwiązać ten problem, nie psując jednak motywu.

    • 3

      Świetne znalezisko i złapanie, Phil! Dzięki wielkie. Zamierzam zagłębić się w ten dodatek nieco głębiej, ponieważ potrzebuję niektórych funkcji na stronie, a nie w samej przeglądarce. Bardzo fajny!

      (Zaktualizowałem również moją klasę postów - dziękuję za wskazanie tego!)

  3. 4

    W Agency.com używamy produktu o nazwie pvIQ firmy Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) to duża pomoc w rozwiązaniu Twojego problemu. Wysyłamy nasze testowe wiadomości e-mail na różne konta testowe ISP, a następnie pvIQ pobiera pliki jpg renderowanych wiadomości e-mail z każdego z kont, tak jak wyglądałyby w różnych przeglądarkach. Oszczędza nam to ogromną ilość czasu, ponieważ wszystko, co musimy zrobić, to spojrzeć na wynikowe pliki jpg. Poleciłbym to.

    • 5

      Cześć Mark,

      Pivotal Veracity ma niesamowite narzędzia! Wiem, że niedawno uruchomili również API. Próbuję zrobić coś prostszego, tylko „szybkie” spojrzenie, które nie wymaga wysyłania e-maila. Wyobraź sobie tylko przycisk do kliknięcia i możesz naśladować jego wygląd, tylko po to, by zająć się nisko wiszącym owocem.

      Doug

      • 6

        Cześć,

        Nie patrzyłem na to od jakiegoś czasu, więc mogę się mylić, ale czy portale nie zmieniają oprogramowania do renderowania poczty? Gdyby tak było, pomyślałbym, że będziesz ciągle nadrabiać zaległości, jeśli spróbujesz użyć własnego oprogramowania testowego. Dlatego używamy pvIQ: wysyła nam dokładnie to, co renderowałby portal.

        znak

        • 7

          Masz całkowitą rację. Myślę po prostu o stworzeniu „szybkiego i brudnego” podglądu, który ktoś mógłby uruchomić przed wysłaniem do czegoś takiego jak pvIQ… rzeczy takie jak tagi Alt i mobilny podgląd (usunięcie tabel itp.). Zdecydowanie nie chcę nadążać za bałaganem z klientami poczty e-mail! Ci ludzie z Pivotal Veracity są w tym zawodowcami!

          Doug

  4. 8
  5. 9

    Myślę, że potencjalnie użytecznym dodatkiem do Twojego pomysłu byłaby możliwość podglądu wiadomości e-mail w taki sam sposób, jak robią to popularni klienci poczty e-mail. Zajęłoby to trochę czasu i zbadanie, jak każdy z nich to robi (jakie elementy usuwają, zostawiają itp.).

    Budujesz serię filtrów do wyboru. Powiedzmy, filtr Gmaila, filtry Yahoo Mail, Outlook (PC, Mac itp.) Itd. Zamiast więc mieć fałszywe konta testowe z każdą usługą pod słońcem, możesz stosunkowo szybko przełączać się między podglądami każdej z nich.

    … Może powiedziałem za dużo… 😉

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.