Arama: Çevrimiçi E-posta Önizleme Aracı

Kaç e-posta istemcisinin resimleri engellediğini ve alternatif metni gösterdiğini hiç fark ettiniz mi? JavaScript veya Sunucu tarafı komut dosyası kullanarak bu benzetimi gerçekten gören var mı merak ediyorum. Bunu yapan bir alete yardım etmek istiyorum. Zamanla böyle bir sayfa geliştirebileceğime eminim… Aslında bu gece oynamaya başladım. İşte bir sayfadaki tüm resimlerinizi kaldıran bir işlev:

function replace () // resimleri kaldır
{
var imgs = document.getElementsByTagName ('img'); //dizi
for (var i = 0; i> imgs.length; i ++) // döngü
{
imgs [i] .src = ""; // görüntüleri hiçbir şeye ayarla
}
}

Oldukça basit bir Javascript. Yaptığım ilk şey bir dizi resim toplamaktır. HTML. Dizi, bir öğe grubudur. Javascript'e img etiketi olan her öğeyi almasını söyledim. (HTML'de görüntüleri bu şekilde görüntülersiniz). Daha sonra dizide ilk öğeyle başlamasını söyleyerek (= 0) 'döngü' yapıyorum, var olan sayıda öğe için git (imgs.length) ve döngü tamamlandığında bir sonraki öğeye geçmek için 1 ekleyin (i ++).

Temelde olan şey, dizinin sayfadaki her görüntünün konumunu toplaması, aralarında döngü oluşturması ve her birini sıfıra ayarlamasıdır. Bununla gerçekten yapmak istediğim şey, resmi kaldırmak, ancak aslında herhangi bir alternatif metni görüntülemek - tıpkı bir e-posta istemcisinin yapacağı gibi. Ayrıca, birçok Mobil İstemcide göründüğü gibi işlemek için diğer tablo ve div öğelerini kaldırmayı da çok isterim. Bu, satır içi stil etiketini ve yazı tipi biçimlendirmesini değiştirir.

Bunun gibi bir şey gören veya inşa eden oldu mu? Öyleyse, iletişim formuma bir not bırakın. C # veya özellikle JavaScript ile yazılmışsa, satın almaya yetkili olabileceğim bir şey bile olabilir. JavaScript'in avantajı, dinamik olarak kapatılıp açılabilmesidir - gerçekten güzel bir özellik! Bu arada kendim üzerinde çalışmaya devam edeceğim!

9 Yorumlar

  1. 1

    Bu gerçekten basit bir Greasemonkey javascript olurdu

    Neredeyse tamamladınız, alt etiketi nextSibling olarak eklemeniz yeterli.

    daha sonra userscripts.org'a koyun put

    Greasemonkey'i XPI'ye veya uygun bir bağımsız Firefox eklentisi yapmak için her ne denirse de kullanabilirsiniz.

  2. 2

    Merhaba Doug

    The Web Developer Toolbar bunu yapmak için özel olarak "Resimleri Alt Nitelikleriyle Değiştir" adlı bir araca sahiptir. Tam olarak istediğinizi bedavaya yapıyor!

    Yine de sitenizde bir erişilebilirlik sorunu yarattı. Resimleri kapatmak siyah arka planda siyah metin bırakır, böylece web'de resimler olmadan gezinen hiç kimse gönderilerinizi okumaz!

    Ekleme:

    .post { background-color:#fff; }

    yine de temanızı karıştırmadan çözmelisiniz.

    • 3

      Harika bul ve yakala Phil! Çok teşekkürler. Tarayıcının kendisinden ziyade bir sayfada bu işlevselliğin bir kısmına ihtiyacım olduğu için bu eklentiyi biraz daha derinlemesine inceleyeceğim. Çok havalı!

      (Ayrıca posta sınıfımı da güncelledim - buna işaret ettiğiniz için teşekkürler!)

  3. 4

    Agency.com'da Pivotal Veracity'den pvIQ adlı bir ürün kullanıyoruz (http://pivotalveracity.com/solutions/pvIQ.php) bu, sorununuz için büyük bir yardımcıdır. Test e-postalarımızı çeşitli ISP test hesaplarımıza gönderiyoruz ve ardından pvIQ, farklı tarayıcılarda görünecekleri gibi, hesapların her birinden oluşturulan e-postaların jpg'lerini alıyor. Bu bize muazzam miktarda zaman kazandırıyor, çünkü tek yapmamız gereken sonuç jpgs'ye bakmak. Bunu tavsiye ederim.

    • 5

      Merhaba Mark,

      Pivotal Veracity'nin bazı inanılmaz araçları var! Yakın zamanda bir API başlattıklarını da biliyorum. Biraz daha basit bir şey yapmaya çalışıyorum, sadece e-postayı gerçekten göndermeyi gerektirmeyen 'hızlı' bir bakış. Sadece tıklamak için bir düğme hayal edin ve nasıl görüneceğini taklit edebilirsiniz, sadece aşağı sarkan meyveye bakmak için.

      Doug

      • 6

        Merhaba,

        Buna bir süredir bakmadım, bu yüzden yanılıyor olabilirim, ancak portallar posta oluşturma yazılımlarını değiştirmeye devam etmiyor mu? Yaptılarsa, kendi test yazılımınızı kullanmayı deneseydiniz sürekli yakalamaya çalışacağınızı düşünürdüm. Bu yüzden pvIQ kullanıyoruz: bize tam olarak portalın işleyeceği şeyi gönderir.

        işaret

        • 7

          Kesinlikle haklısın. Benim düşüncem basitçe, birisinin pvIQ gibi bir şeye göndermeden önce çalıştırabileceği 'hızlı ve kirli' bir önizleyici geliştirmek ... Alt etiketleri ve mobil önizleme gibi şeyler (tablolar kaldırıldı, vb.). E-posta İstemcileri ile ortaya çıkan karışıklığa kesinlikle ayak uydurmak istemiyorum! Pivotal Veracity'deki insanlar bu konuda profesyoneller!

          Doug

  4. 8

    Böyle bir şey mi?

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

  5. 9

    Bence, fikrinize potansiyel olarak yararlı bir ekleme, e-postaları popüler e-posta istemcilerinin yaptığı gibi önizleme yeteneği olacaktır. Her birinin bunu nasıl yaptığına (hangi unsurları sıyırdıkları, bıraktıkları vb.) Dair biraz zaman ve araştırma gerekir.

    Aralarından seçim yapabileceğiniz bir dizi filtre oluşturursunuz. Örneğin, bir GMail filtresi, Yahoo Mail, Outlook (PC, Mac, vb.) Filtreleri vs.

    ... belki çok fazla söyledim ... 😉

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.