Μπορείτε να φανταστείτε το κινητό σας χωρίς ειδοποιήσεις; Οι ειδοποιήσεις σάς βοηθούν να πλοηγείστε στις διάφορες εφαρμογές της συσκευής σας δίνοντάς σας κομμάτια από το τι συμβαίνει σε αυτές τις εφαρμογές και μπορείτε να αποφασίσετε τι είναι αρκετά σημαντικό για να δώσετε προσοχή.

Υπάρχουν τρεις τύποι αναδυόμενων πλαισίων JavaScript: το πλαίσιο ειδοποίησης, το πλαίσιο επιβεβαίωσης και το πλαίσιο προτροπής. Αυτό το άρθρο θα επικεντρωθεί στο πλαίσιο ειδοποίησης.

Ο κύριος στόχος του κουτιού ειδοποίησης είναι να λάβει τις πληροφορίες του χρήστη. Το πλαίσιο ειδοποίησης συνήθως απαιτεί την εισαγωγή OK ή Παράβλεψη του χρήστη για να προχωρήσει. Συνεχίστε να διαβάζετε για να μάθετε περισσότερα σχετικά με τις αναδυόμενες ειδοποιήσεις του προγράμματος περιήγησης.

Τι είναι μια ειδοποίηση προγράμματος περιήγησης;

Μια ειδοποίηση προγράμματος περιήγησης περιγράφει μια ειδοποίηση που αποστέλλεται από έναν ιστότοπο ή μια εφαρμογή Ιστού. Οι χρήστες μπορούν να λαμβάνουν ειδοποιήσεις προγράμματος περιήγησης από ιστότοπους στους οποίους έχουν εγγραφεί ακόμα και όταν δεν βρίσκονται στον ιστότοπο ή χρησιμοποιούν ενεργά το πρόγραμμα περιήγησής τους.

Πριν από την ανάπτυξη εφαρμογών για κινητά και υπολογιστές, τα προγράμματα περιήγησης ήταν η μόνη πρόσβαση στο διαδίκτυο, αλλά ακόμη και τότε, δεν υπήρχαν ειδοποιήσεις. Η ενημέρωση έκδοσης 42 του Google Chrome σηματοδότησε το σημείο καμπής στην εξέλιξη του προγράμματος περιήγησης.

Οι ειδοποιήσεις προγράμματος περιήγησης εκτελούν τις ίδιες λειτουργίες με τις ειδοποιήσεις εφαρμογών για κινητά. Ωστόσο, οι ειδοποιήσεις που χρησιμοποιούνται στα προγράμματα περιήγησης είναι γνωστές ως αναδυόμενα παράθυρα ειδοποίησης προγράμματος περιήγησης ή αναδυόμενα πλαίσια JavaScript.

Τι σημαίνει ειδοποίηση JavaScript;

Μια ειδοποίηση JavaScript είναι ένα παράθυρο μηνύματος για τους χρήστες. Μπορεί να διαφέρει από την ειδοποίηση του χρήστη για ένα σφάλμα έως άλλα μηνύματα, όπως μια νέα ενημέρωση.

Η συνάρτηση ειδοποιήσεων JavaScript καθοδηγεί το πρόγραμμα περιήγησης να στείλει ένα παράθυρο διαλόγου που μεταφέρει ένα μήνυμα και ένα Εντάξει κουμπί.

Πώς μπορώ να διαχειριστώ τα αναδυόμενα παράθυρα ειδοποιήσεων προγράμματος περιήγησης σε JavaScript;

1. Χρησιμοποιήστε το πρόγραμμα οδήγησης web Selenium 

1. Πάτα το Windows + μι κλειδιά για να ξεκινήσετε Εξερεύνηση αρχείων.
2. Κάντε κλικ στο Αυτό το PC, κάντε δεξί κλικ σε έναν ελεύθερο χώρο στη μονάδα δίσκου της επιλογής σας και δημιουργήστε έναν φάκελο που ονομάζεται jsalert.
3. Δημιουργήστε ένα αρχείο HTML που ονομάζεται jsalerts.html μέσα στο jsalert ντοσιέ.
   
4. Επικολλήστε τον παρακάτω κώδικα στο αρχείο.
5. Αποθηκεύστε τον κώδικα και ανοίξτε το αρχείο HTML στο πρόγραμμα περιήγησής σας.
6. Κάντε κλικ σε κάθε κουμπί επανειλημμένα για να δείτε τις διαφορετικές ειδοποιήσεις. απλή (), επιβεβαίωση () και προτροπή ().

Χειρισμός ειδοποιήσεων JavaScript με χρήση του Selenium WebDriver
Δοκιμάστε το Simple AlertΔοκιμάστε το Prompt AlertΔοκιμάστε το Confirm Alert

Υπάρχουν τέσσερις κύριες κατηγορίες ειδοποιήσεων προγράμματος περιήγησης: απλή, άμεση, επιβεβαίωση και έλεγχος ταυτότητας. Για να χειριστείτε αυτές τις ειδοποιήσεις, μπορείτε να χρησιμοποιήσετε τα παραπάνω βήματα.

2. Κλείσιμο ειδοποίησης προγράμματος περιήγησης σε JavaScript 

Υπάρχουν δύο μέθοδοι για το κλείσιμο των ειδοποιήσεων του προγράμματος περιήγησης στο JavaScript και είναι:

1. Η μέθοδος κλεισίματος (). Ο κώδικας για τη συνάρτηση κλεισίματος () μοιάζει με αυτό:

let notification = νέα ειδοποίηση (τίτλος, επιλογές);
// κάντε λίγη δουλειά και μετά κλείστε την ειδοποίηση
notification.close()

1. Η λειτουργία setTimeout για αυτόματο κλείσιμο. Ο κώδικας για τη συνάρτηση setTimeout μοιάζει με αυτό:

let notification = νέα ειδοποίηση (τίτλος, επιλογές);
setTimeout(() => {
notification.close()
}, 4000);

3. Προσαρμόστε ένα πλαίσιο ειδοποίησης JavaScript με CSS

Μπορείτε να προσαρμόσετε ένα πλαίσιο ειδοποίησης JavaScript με CSS. Χρησιμοποιώντας τις ιδιότητες CSS επάνω και αριστερά για να προσαρμόσετε τη θέση του πλαισίου ειδοποίησης.

Έτσι θα μοιάζει ένας κωδικός πλαισίου ειδοποίησης:

× Αυτό είναι ένα κουτί ειδοποίησης. 

Το W3 Schools έχει ένα πολύ ωραίο φροντιστήριο για το πώς να δημιουργήσετε ειδοποιήσεις JavaScript με CSS και αυτό μπορεί να σας βοηθήσει πολύ.

4. Πώς να ορίσετε ειδοποιήσεις προγράμματος περιήγησης

Η JavaScript χρησιμοποιεί τη μέθοδο ειδοποίησης () για την εμφάνιση πλαισίων ειδοποιήσεων. Εμφανίζεται το πλαίσιο ειδοποίησης με ένα συγκεκριμένο μήνυμα και ένα Εντάξει κουμπί, το οποίο χρησιμοποιείται για να διασφαλιστεί ότι ο χρήστης λαμβάνει το μήνυμα. Για παράδειγμα, ας δούμε τον παρακάτω κώδικα για μια απλή ειδοποίηση JavaScript:

Καλώς ορίσατε στο JavaScript
Ειδοποίηση σε JavaScript
 Για να εμφανίσετε το μήνυμα ειδοποίησης, κάντε κλικ στο κουμπί "Εμφάνιση μηνύματος ειδοποίησης": 
 Εμφάνιση μηνύματος ειδοποίησης 

Αυτός ο κώδικας θα δώσει την ακόλουθη έξοδο:

Καλώς ορίσατε στο JavaScript 

Ειδοποίηση σε JavaScript 

Για να εμφανίσετε το μήνυμα ειδοποίησης, κάντε κλικ στο εμφάνιση μηνύματος ειδοποίησης κουμπί

Μόλις κάνετε διπλό κλικ στο κουμπί, θα εμφανιστεί το ακόλουθο μήνυμα:

Αυτή η σελίδα λέει

Αυτό είναι το μήνυμα προειδοποίησης 

Εντάξει

5. Ενεργοποιήστε την ειδοποίηση JavaScript του προγράμματος περιήγησης Edge

1. Ανοίξτε το πρόγραμμα περιήγησης Edge και κάντε κλικ στο Περισσότερο κουμπί (οι τρεις τελείες στην επάνω δεξιά γωνία της οθόνης), μετακινηθείτε προς τα κάτω στις επιλογές και κάντε κλικ στο Ρυθμίσεις.
2. Τύπος JavaScript στη γραμμή αναζήτησης ρυθμίσεων.
3. Το πρόγραμμα περιήγησης θα επισημάνει όλες τις ρυθμίσεις που σχετίζονται με το JavaScript. κάντε κλικ στο JavaScript Ενότητα.
4. Ενεργοποιήστε την ειδοποίηση JavaScript κάνοντας κλικ στο κουμπί εναλλαγής δίπλα στο Επιτρέπεται (συνιστάται) επιλογή.
5. Μπορείτε να χρησιμοποιήσετε το ΟΙΚΟΔΟΜΙΚΟ ΤΕΤΡΑΓΩΝΟ ή Επιτρέπω επιλογές για να επιλέξετε συγκεκριμένους ιστότοπους από τους οποίους θέλετε να αποκλείσετε ή να επιτρέψετε ειδοποιήσεις.

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

Μπορείτε να λαμβάνετε μηνύματα προτροπής, να επιβεβαιώσετε μια ενέργεια ή απλώς να σας υπενθυμίζονται ορισμένες δραστηριότητες σε έναν ιστότοπο, ακόμη και όταν δεν βρίσκεστε ενεργά στον ιστότοπο ή δεν χρησιμοποιείτε το πρόγραμμα περιήγησής σας.

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

Ίσως θέλετε να δείτε τη λίστα μας με τα καλύτερα προγράμματα περιήγησης για να προσαρμόσετε τη γραμμή διευθύνσεών σας και δείτε αν θέλετε να αντικαταστήσετε το υπάρχον.

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