Mencari: Alat Pratonton E-mel Dalam Talian

Pernahkah anda perhatikan berapa banyak pelanggan e-mel yang menyekat gambar dan memaparkan teks alternatif? Saya ingin tahu jika ada yang benar-benar melihat ini ditiru menggunakan skrip JavaScript atau sisi Server. Saya ingin menggunakan alat yang melakukannya. Lama kelamaan, saya yakin bahawa saya dapat mengembangkan halaman seperti itu ... Saya sebenarnya mula bermain malam ini. Berikut adalah fungsi yang membuang semua gambar anda di halaman:

fungsi ganti () // keluarkan gambar
{
var imgs = document.getElementsByTagName ('img'); // tatasusunan
untuk (var i = 0; i> imgs.length; i ++) // gelung
{
imgs [i] .src = ""; // tetapkan gambar menjadi kosong
}
}

Javascript ini cukup mudah. Perkara pertama yang saya lakukan ialah mengumpulkan pelbagai gambar HTML. Susunan adalah sekumpulan item. Saya memberitahu javascript untuk mendapatkan setiap elemen yang mempunyai tag img. (Begitulah cara anda memaparkan gambar dalam HTML). Seterusnya saya 'loop' melalui array dengan menyuruhnya untuk memulakan dengan item pertama (= 0), cari seberapa banyak item yang ada (imgs.length), dan apabila selesai dengan loop tambahkan 1 untuk beralih ke item seterusnya (i ++).

Apa yang berlaku pada dasarnya ialah susunan mengumpulkan lokasi setiap gambar di halaman, melingkarinya, dan menetapkan masing-masing kepada apa-apa. Apa yang saya benar-benar ingin lakukan adalah membuang gambar tetapi sebenarnya memaparkan teks alternatif - seperti yang dilakukan oleh pelanggan e-mel. Saya juga suka membuang elemen jadual dan div yang lain untuk membuatnya seperti yang terdapat di banyak Pelanggan Bergerak. Ini akan menggantikan tag gaya sebaris dan format fon.

Adakah ada yang melihat atau membina sesuatu seperti ini? Sekiranya ada, hantarkan catatan di borang kenalan saya. Sekiranya ia ditulis dalam C # atau terutamanya JavaScript, ia mungkin merupakan sesuatu yang boleh saya beli. Kelebihan JavaScript ialah ia dapat dimatikan dan dinyalakan secara dinamik - ciri yang sangat bagus! Sementara itu, saya akan terus mengusahakannya sendiri!

9 Komen

  1. 1

    Itu akan menjadi javascript Greasemonkey yang sangat sederhana

    Anda hampir sampai, masukkan tag alt sebagai saudara seterusnya.

    kemudian letakkan di userscripts.org 🙂

    Anda juga boleh menggunakan Greasemonkey untuk XPI atau apa sahaja yang dipanggil untuk menjadikannya sambungan Firefox mandiri yang betul.

  2. 2

    Hai Doug,

    . Bar Alat Pembangun Web mempunyai alat untuk melakukan ini secara khusus, yang disebut "Ganti Imej Dengan Atribut Alt". Ia melakukan apa yang anda mahukan secara percuma!

    Walaupun begitu, ini menimbulkan masalah kebolehaksesan dengan laman web anda. Mematikan gambar meninggalkan teks hitam pada latar belakang hitam, jadi sesiapa yang melayari web tanpa gambar tidak akan membaca catatan anda!

    Menambah:

    .post { background-color:#fff; }

    harus menyelesaikannya tanpa mengacaukan tema anda.

    • 3

      Cari dan tangkas, Phil! Terima kasih banyak-banyak. Saya akan menggali pengaya ini sedikit lebih mendalam kerana saya memerlukan beberapa fungsi itu dalam halaman dan bukannya penyemak imbas itu sendiri. Sangat hebat!

      (Saya juga mengemas kini kelas pos saya - terima kasih kerana menunjukkannya!)

  3. 4

    Di Agency.com kami menggunakan produk yang disebut pvIQ dari Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) itu banyak membantu masalah anda. Kami menghantar e-mel ujian kami ke pelbagai akaun ujian ISP kami dan kemudian pvIQ mengambil jpg dari e-mel yang diberikan dari setiap akaun, kerana ia akan muncul di penyemak imbas yang berbeza. Ini menjimatkan banyak masa, kerana yang harus kita lakukan adalah melihat jpg yang dihasilkan. Saya akan mengesyorkannya.

    • 5

      Hi Mark,

      Pivotal Veracity mempunyai beberapa alat yang luar biasa! Saya tahu mereka juga baru-baru ini melancarkan API. Saya cuba melakukan sesuatu yang lebih sederhana, hanya penampilan 'cepat' yang tidak memerlukan penghantaran e-mel. Bayangkan hanya butang untuk mengklik dan anda boleh meniru penampilannya, hanya untuk menjaga buah yang tergantung rendah.

      Doug

      • 6

        Hi,

        Saya sudah lama tidak melihat ini, jadi saya mungkin salah, tetapi tidakkah portal terus mengubah perisian rendering surat mereka? Sekiranya mereka melakukannya, saya fikir anda akan terus bermain mengejar ketinggalan sekiranya anda cuba menggunakan perisian ujian anda sendiri. Itulah sebabnya kami menggunakan pvIQ: ia menghantar kami dengan tepat apa yang akan dihasilkan oleh portal.

        Menandakan

        • 7

          Anda betul-betul betul. Pemikiran saya hanya mengembangkan pratinjau 'cepat & kotor' yang dapat dilaksanakan oleh seseorang sebelum menghantar sesuatu seperti pvIQ ... perkara seperti tag Alt dan pratonton mudah alih (jadual dikeluarkan, dll.). Saya pasti tidak mahu cuba mengikuti kekacauan dengan Pelanggan E-mel! Orang-orang di Pivotal Veracity adalah kelebihannya!

          Doug

  4. 8

    Sesuatu seperti ini?

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

  5. 9

    Saya rasa penambahan idea yang berpotensi berguna ialah kemampuan melihat pratonton e-mel dengan cara yang sama seperti yang dilakukan oleh pelanggan e-mel yang popular. Ia memerlukan sedikit masa dan meneliti bagaimana masing-masing melakukannya (elemen apa yang mereka lepaskan, tinggalkan, dll.).

    Anda membina rangkaian penapis untuk dipilih. Katakanlah, penapis GMail, Yahoo Mail, Outlook (PC, Mac, dll.), Dan lain-lain. Oleh itu, bukannya perlu mempunyai akaun ujian palsu dengan setiap perkhidmatan di bawah terik matahari, anda boleh meninjau pratonton masing-masing dengan cepat.

    ... mungkin saya sudah terlalu banyak mengatakan ... 😉

Apa yang anda fikir?

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.