Αναζήτηση: Εργαλείο προεπισκόπησης ηλεκτρονικού ταχυδρομείου στο διαδίκτυο

Have you ever noticed how many email clients block images and display the alternative text? I’m curious if anyone has actually seen this emulated utilizing JavaScript or Server-side scripting. I’d like to get a hand on a tool that does it. Over time, I’m sure that I can develop such a page… I actually started playing tonight. Here’s a function that removes all of your images on a page:

λειτουργία αντικατάσταση () // αφαίρεση εικόνων
{
var imgs = document.getElementsByTagName ('img'); //πίνακας
για (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // ορίστε τις εικόνες σε τίποτα
}
}

It’s pretty simple Javascript. The first thing I do is collect an array of the images in HTML. An array is a group of items. I told the javascript to get every element that has an img tag. (That’s how you display images in HTML). Next I ‘loop’ through the array by telling it to start with the first item (=0), go for as many items there are (imgs.length), and when it’s done with the loop add 1 to move to the next item (i++).

What basically happens is that the array collects the location of every image on the page, loops through them, and sets each to nothing. What I’d really like to do with this is remove the image but actually display any alternative text – just like an email client would. I’d also love to remove other table and div elements to render it as it would look in many Mobile Clients. This would replace inline style tag and font formatting.

Has anyone seen or built anything like this? If so, drop me a note in my contact form. If it’s written in C# or especially JavaScript, it may even be something I could be authorized to purchase. The advantage of JavaScript is that it could be turned off and on dynamically – a really nice feature! Meanwhile, I’ll continue working on it myself!

9 Σχόλια

  1. 1

    Αυτό θα ήταν ένα πολύ απλό javascript Greasemonkey

    Είστε σχεδόν εκεί, απλώς εισαγάγετε την ετικέτα alt ως την επόμενη αδελφή.

    και μετά βάλτε το στο userscripts.org 🙂

    Θα μπορούσατε επίσης να χρησιμοποιήσετε το Greasemonkey για XPI ή οτιδήποτε άλλο ονομάζεται για να το κάνετε μια σωστή αυτόνομη επέκταση του Firefox.

  2. 2

    Hi Doug,

    Το σεμινάριο Γραμμή εργαλείων προγραμματιστή ιστού έχει ένα εργαλείο για να το κάνει αυτό ειδικά, που ονομάζεται "Αντικατάσταση εικόνων με χαρακτηριστικά Alt". Κάνει ακριβώς αυτό που θέλετε δωρεάν!

    Ωστόσο, προκάλεσε ένα πρόβλημα προσβασιμότητας στον ιστότοπό σας. Η απενεργοποίηση των εικόνων αφήνει μαύρο κείμενο σε μαύρο φόντο, οπότε όποιος περιηγείται στον ιστό χωρίς εικόνες δεν θα διαβάζει τις αναρτήσεις σας!

    Προσθέτωντας:

    .post { background-color:#fff; }

    θα πρέπει να το λύσει χωρίς να βλάψει το θέμα σας.

    • 3

      Υπέροχο εύρημα και πιάσιμο, Φιλ! Ευχαριστώ πολύ. Θα μπω σε αυτό το πρόσθετο λίγο πιο βαθιά, καθώς χρειάζομαι κάποια από αυτές τις λειτουργίες σε μια σελίδα και όχι στο ίδιο το πρόγραμμα περιήγησης. Πολύ κουλ!

      (Ενημέρωσα επίσης την τάξη μετά - ευχαριστώ που το επισημάνατε!)

  3. 4

    Στο Agency.com χρησιμοποιούμε ένα προϊόν που ονομάζεται pvIQ από το Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) είναι μεγάλη βοήθεια για το πρόβλημά σας. Στέλνουμε τα δοκιμαστικά email μας στους διάφορους δοκιμαστικούς λογαριασμούς ISP και, στη συνέχεια, το pvIQ ανακτά jpgs των παρασχεθέντων email από κάθε έναν από τους λογαριασμούς, όπως θα εμφανίζονται σε διαφορετικά προγράμματα περιήγησης. Αυτό μας εξοικονομεί τεράστιο χρόνο, καθώς το μόνο που έχουμε να κάνουμε είναι να δούμε τα jpgs που προκύπτουν. Θα το συνιστούσα.

    • 5

      Hi Mark,

      Το Pivotal Veracity έχει μερικά απίστευτα εργαλεία! Γνωρίζω ότι πρόσφατα κυκλοφόρησαν επίσης ένα API. Προσπαθώ να κάνω κάτι πιο απλό, απλά μια «γρήγορη» εμφάνιση που δεν απαιτεί την αποστολή του email. Φανταστείτε μόνο ένα κουμπί για να κάνετε κλικ και μπορείτε να μιμηθείτε πώς θα μοιάζει, απλά για να φροντίσετε τα χαμηλά κρεμαστά φρούτα.

      Doug

      • 6

        Γεια σας,

        Δεν το έχω κοιτάξει για λίγο, οπότε μπορεί να κάνω λάθος, αλλά δεν συνεχίζουν οι πύλες να αλλάζουν το λογισμικό απόδοσης αλληλογραφίας; Αν το έκαναν, θα νόμιζα ότι θα παίζατε συνεχώς εάν προσπαθούσατε να χρησιμοποιήσετε το δικό σας λογισμικό δοκιμής. Γι 'αυτό χρησιμοποιούμε το pvIQ: μας στέλνει ακριβώς τι θα απέδωσε η πύλη.

        Σημειώστε

        • 7

          Είστε απολύτως σωστοί. Η σκέψη μου είναι απλώς να αναπτύξω ένα «γρήγορο & βρώμικο» πρόγραμμα προεπισκόπησης που κάποιος θα μπορούσε να εκτελέσει πριν στείλει σε κάτι όπως pvIQ… πράγματα όπως ετικέτες Alt και προεπισκόπηση κινητών (καταργημένοι πίνακες κ.λπ.). Σίγουρα δεν θέλω να προσπαθήσω να συμβαδίσω με το χάος εκεί έξω με τους πελάτες email! Αυτοί οι άνθρωποι στο Pivotal Veracity είναι οι επαγγελματίες σε αυτό!

          Doug

  4. 8
  5. 9

    Πιστεύω ότι μια πιθανώς χρήσιμη προσθήκη στην ιδέα σας θα ήταν η δυνατότητα προεπισκόπησης των μηνυμάτων ηλεκτρονικού ταχυδρομείου με τον ίδιο τρόπο που κάνουν οι δημοφιλείς πελάτες email. Θα χρειαζόταν λίγος χρόνος και έρευνα για το πώς το κάνει ο καθένας (ποια στοιχεία απογυμνώνουν, αφήνουν, κ.λπ.).

    Δημιουργείτε μια σειρά φίλτρων για να διαλέξετε. Ας πούμε, ένα φίλτρο GMail, Yahoo Mail, Outlook (PC, Mac κ.λπ.), κ.λπ. Έτσι, αντί να χρειάζεται να έχετε εικονικούς λογαριασμούς δοκιμών με κάθε υπηρεσία κάτω από τον ήλιο, θα μπορούσατε να κάνετε κύλιση στις προεπισκοπήσεις του καθενός σχετικά γρήγορα.

    … Ίσως έχω πει πάρα πολλά… 😉

Ποια είναι η γνώμη σας;

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.