Mencari: Alat Pratinjau Email Online

Pernahkah Anda memperhatikan berapa banyak klien email yang memblokir gambar dan menampilkan teks alternatif? Saya ingin tahu apakah ada yang benar-benar melihat ini ditiru menggunakan JavaScript atau skrip sisi Server. Saya ingin mendapatkan alat yang melakukannya. Seiring waktu, saya yakin saya bisa mengembangkan halaman seperti itu… Saya benar-benar mulai bermain malam ini. Berikut adalah fungsi yang menghapus semua gambar Anda di halaman:

function replace () // menghapus gambar
{
var imgs = document.getElementsByTagName ('img'); //Himpunan
untuk (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // setel gambar ke nol
}
}

Ini Javascript yang cukup sederhana. Hal pertama yang saya lakukan adalah mengumpulkan berbagai gambar di HTML. Array adalah kumpulan item. Saya memberi tahu javascript untuk mendapatkan setiap elemen yang memiliki tag img. (Begitulah cara Anda menampilkan gambar dalam HTML). Selanjutnya saya 'loop' melalui array dengan menyuruhnya memulai dengan item pertama (=0), pilih sebanyak mungkin item yang ada (imgs.length), dan ketika selesai dengan loop tambahkan 1 untuk pindah ke item berikutnya (i++).

Apa yang pada dasarnya terjadi adalah bahwa array mengumpulkan lokasi setiap gambar pada halaman, mengulanginya, dan menetapkan masing-masing ke nol. Apa yang benar-benar ingin saya lakukan dengan ini adalah menghapus gambar tetapi sebenarnya menampilkan teks alternatif apa pun – seperti yang dilakukan klien email. Saya juga ingin menghapus elemen tabel dan div lain untuk merendernya seperti yang terlihat di banyak Klien Seluler. Ini akan menggantikan tag gaya sebaris dan pemformatan font.

Apakah ada yang melihat atau membangun sesuatu seperti ini? Jika demikian, berikan saya catatan di formulir kontak saya. Jika ditulis dalam C# atau terutama JavaScript, itu mungkin sesuatu yang dapat saya otorisasi untuk dibeli. Keuntungan JavaScript adalah dapat dimatikan dan dihidupkan secara dinamis – fitur yang sangat bagus! Sementara itu, saya akan terus mengerjakannya sendiri!

9 Komentar

  1. 1

    Itu akan menjadi javascript Greasemonkey yang sangat sederhana

    Anda hampir selesai, cukup masukkan alt tag sebagai nextSibling.

    lalu taruh di userscripts.org 🙂

    Anda juga dapat menggunakan Greasemonkey ke XPI atau apa pun namanya untuk menjadikannya ekstensi Firefox mandiri yang tepat.

  2. 2

    Hai Doug,

    The Bilah Alat Pengembang Web memiliki alat untuk melakukan ini secara khusus, yang disebut "Ganti Gambar Dengan Atribut Alt". Itu melakukan apa yang Anda inginkan secara gratis!

    Itu memang menimbulkan masalah aksesibilitas dengan situs Anda. Mematikan gambar akan meninggalkan teks hitam pada latar belakang hitam, jadi siapa pun yang menjelajahi web tanpa gambar tidak akan membaca kiriman Anda!

    Menambahkan:

    .post { background-color:#fff; }

    harus menyelesaikannya tanpa mengacaukan tema Anda.

    • 3

      Temukan dan tangkap hebat, Phil! Terima kasih banyak. Saya akan menggali pengaya ini sedikit lebih dalam karena saya membutuhkan beberapa fungsi itu di halaman daripada browser itu sendiri. Sangat keren!

      (Saya juga memperbarui kelas posting saya - terima kasih telah menunjukkannya!)

  3. 4

    Di Agency.com kami menggunakan produk yang disebut pvIQ dari Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) yang sangat membantu masalah Anda. Kami mengirim email uji kami ke berbagai akun uji ISP kami dan kemudian pvIQ mengambil jpg dari email yang dirender dari masing-masing akun, karena akan muncul di browser yang berbeda. Ini menghemat banyak waktu, karena yang harus kita lakukan hanyalah melihat jpg yang dihasilkan. Saya akan merekomendasikannya.

    • 5

      Hai Mark,

      Pivotal Veracity memiliki beberapa alat yang luar biasa! Saya tahu mereka juga baru saja meluncurkan API. Saya mencoba melakukan sesuatu yang sedikit lebih sederhana, hanya tampilan 'kilat' yang tidak memerlukan pengiriman email. Bayangkan hanya sebuah tombol untuk diklik dan Anda dapat meniru tampilannya, hanya untuk merawat buah yang menggantung rendah.

      Doug

      • 6

        Hai,

        Saya sudah lama tidak melihat ini, jadi saya mungkin salah, tetapi bukankah portal terus mengubah perangkat lunak rendering email mereka? Jika ya, saya pikir Anda akan terus mengejar ketinggalan jika Anda mencoba menggunakan perangkat lunak pengujian Anda sendiri. Itulah mengapa kami menggunakan pvIQ: ia mengirimkan kepada kami apa yang akan dirender oleh portal.

        Mark

        • 7

          Anda benar-benar benar. Pemikiran saya hanyalah mengembangkan pratinjau 'cepat & kotor' yang dapat dijalankan seseorang sebelum mengirim ke sesuatu seperti pvIQ… hal-hal seperti tag Alt dan pratinjau seluler (tabel dihapus, dll.). Saya pasti tidak ingin mencoba mengikuti kekacauan di luar sana dengan Klien Email! Orang-orang di Pivotal Veracity adalah ahli dalam hal itu!

          Doug

  4. 8

    Sesuatu seperti ini?

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

  5. 9

    Saya pikir tambahan yang berpotensi berguna untuk ide Anda adalah kemampuan untuk melihat email dengan cara yang sama seperti yang dilakukan klien email populer. Butuh beberapa waktu dan penelitian tentang bagaimana masing-masing melakukannya (elemen apa yang mereka lepaskan, tinggalkan, dll.).

    Anda membuat serangkaian filter untuk dipilih. Katakanlah, filter GMail, Yahoo Mail, Outlook (PC, Mac, dll.) Filter, dll. Jadi, daripada harus memiliki akun uji tiruan dengan setiap layanan di bawah matahari, Anda dapat menggilir pratinjau masing-masing dengan relatif cepat.

    … Mungkin saya sudah terlalu banyak bicara… 😉

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.