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

Έχετε παρατηρήσει ποτέ πόσους πελάτες email μπλοκάρουν εικόνες και εμφανίζουν το εναλλακτικό κείμενο; Είμαι περίεργος εάν κάποιος το έχει δει πραγματικά μιμημένο χρησιμοποιώντας JavaScript ή διακομιστή. Θα ήθελα να χρησιμοποιήσω ένα εργαλείο που το κάνει. Με την πάροδο του χρόνου, είμαι σίγουρος ότι μπορώ να αναπτύξω μια τέτοια σελίδα… Στην πραγματικότητα άρχισα να παίζω απόψε. Ακολουθεί μια συνάρτηση που αφαιρεί όλες τις εικόνες σας σε μια σελίδα:

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

Είναι πολύ απλό Javascript. Το πρώτο πράγμα που κάνω είναι να συλλέξω μια σειρά από εικόνες HTML. Ένας πίνακας είναι μια ομάδα στοιχείων. Είπα στο javascript να πάρει κάθε στοιχείο που έχει ετικέτα img. (Με αυτόν τον τρόπο προβάλλετε εικόνες σε HTML). Στη συνέχεια, «βρόχο» μέσω του πίνακα λέγοντάς του να ξεκινήσει με το πρώτο στοιχείο (= 0), να αναζητήσω όσα αντικείμενα υπάρχουν (imgs.length) και όταν τελειώσει με το βρόχο, προσθέστε 1 για να μετακινηθείτε στο επόμενο στοιχείο (i ++).

Αυτό που ουσιαστικά συμβαίνει είναι ότι ο πίνακας συλλέγει τη θέση κάθε εικόνας στη σελίδα, περνάει μέσα από αυτές και ρυθμίζει το καθένα σε τίποτα. Αυτό που πραγματικά θα ήθελα να κάνω με αυτό είναι να αφαιρέσω την εικόνα, αλλά στην πραγματικότητα να εμφανίσω οποιοδήποτε εναλλακτικό κείμενο - όπως θα έκανε ένας πελάτης email. Θα ήθελα επίσης να αφαιρέσω άλλα στοιχεία πίνακα και div για να το αποδώσω όπως θα φαινόταν σε πολλούς Mobile Clients. Αυτό θα αντικαταστήσει την ενσωματωμένη ετικέτα στυλ και τη μορφοποίηση γραμματοσειρών

Έχει δει κάποιος ή να κατασκευάσει κάτι τέτοιο; Εάν ναι, στείλτε μου μια σημείωση στη φόρμα επικοινωνίας μου. Αν είναι γραμμένο σε C # ή ειδικά σε JavaScript, μπορεί να είναι κάτι που θα μπορούσα να αγοράσω. Το πλεονέκτημα της JavaScript είναι ότι θα μπορούσε να απενεργοποιηθεί και να ενεργοποιηθεί δυναμικά - μια πολύ ωραία λειτουργία! Εν τω μεταξύ, θα συνεχίσω να το δουλεύω μόνος μου!

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. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.