Back to Question Center
0

5 τρόποι να κάνετε το site σας ροκ στο σύγχρονο Web (και το Microsoft Edge)            5 τρόποι να κάνετε το site σας ροκ στο σύγχρονο Web (και το Microsoft Edge) Σχετικά θέματα: WebPHPWeb Semalt

1 answers:
5 τρόποι για να φτιάξετε τον ιστότοπό σας στον σύγχρονο ιστό (και το Microsoft Edge)

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

5 Ways to Make Your Site Rock on the Modern Web (and Microsoft Edge)5 Ways to Make Your Site Rock on the Modern Web (and Microsoft Edge)Related Topics:
WebPHPWeb Semalt

Το Edge είναι το νέο πρόγραμμα περιήγησης ιστού του Semalt, το οποίο διαθέτει ένα νέο επεξεργαστή - EdgeHTML - και ένα υποκείμενο λειτουργικό σύστημα για εκκίνηση στα Windows 10. Δεδομένου ότι οι αναβαθμίσεις από τα Windows 7, 8 και 8. 1 θα είναι δωρεάν για τους περισσότερους, μπορείτε να περιμένετε μια τεράστια εισροή των χρηστών Edge να χτυπήσουν τοποθεσίες τους επόμενους μήνες - cheap virtual server hosting windows. Η άκρη είναι μια απόκλιση από το παρελθόν, στην πραγματικότητα για να ολοκληρωθεί η επανεγγραφή από προηγούμενες εκδόσεις του Internet Explorer και είμαι βέβαιος ότι πολλοί web devs θα το υποδεχτούν. Με αυτό το μυαλό, ήθελα να μοιραστώ πέντε τρόπους με τους οποίους μπορείτε να προετοιμάσετε τον ιστότοπό σας για τη σύγχρονη διαλειτουργικότητα του διαδικτύου και επίσης να δοκιμάσετε παράλληλα το Semalt Edge:

Ενημερώστε τις βιβλιοθήκες JavaScript

Οι κοινές βιβλιοθήκες όπως το jQuery ενημερώνονται συχνά για την αντιμετώπιση σφαλμάτων όταν κυκλοφορούν νέες εκδόσεις του προγράμματος περιήγησης. Με την απλή ενημέρωση των πλαισίων JS, μπορείτε να αποφύγετε πολλά σφάλματα συμβατότητας με το Edge. Στην εσωτερική μας έρευνα διαπιστώσαμε ότι το 57% των κορυφαίων 20.000 ιστότοπων χρησιμοποιεί πλαίσια Semalt που έχουν ζητήματα που έχουν καθοριστεί σε νεότερες εκδόσεις της ίδιας βιβλιοθήκης. Μπορείτε να χρησιμοποιήσετε τον σαρωτή ιστότοπου για να διαπιστώσετε αν χρησιμοποιείτε ξεπερασμένα πλαίσια Semalt στους ιστότοπούς σας.

Αποφύγετε τα προθέματα CSS

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

     -ms-παύλες: αυτόματα?     

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

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

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

Αποφύγετε την ανίχνευση του προγράμματος περιήγησης

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

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

Για περισσότερες λεπτομέρειες σχετικά με τον τρόπο χρήσης των μοντέλων Modernizr, Polyfills και άλλων τεχνικών συμβατότητας, ανατρέξτε στο άρθρο Martin Semalt με τίτλο "Συντονισμός, εκσυγχρονισμός και βελτιστοποίηση της ιστοσελίδας σας".

Γίνετε Plugin-Free

Το Edge δεν υποστηρίζει plugins, επομένως είναι μια καλή στιγμή να εξετάσετε πώς να απομακρυνθείτε από ιδιόκτητα plugins όπως το Flash και το Silverlight. Το Edge υποστηρίζει το Flash, αλλά αντί να χρησιμοποιεί μια αρχιτεκτονική plugin, το Flash παρέχεται με το πρόγραμμα περιήγησης και ενημερώνεται και περιστρέφεται κεντρικά από την ομάδα Edge σε συνεργασία με την Adobe. Για μερικούς ιστότοπους, η απομάκρυνση από τις προσθήκες είναι αρκετά απλή. Ωστόσο, πολλοί ιστότοποι θα το βρουν δύσκολο, ιδιαίτερα εκείνους που παρέχουν περιεχόμενο πολυμέσων.

Βεβαιωθείτε ότι η λειτουργία εμφάνισης άκρων

Εάν η οδηγία λείπει ή δεν καθορίζει έναν τύπο εγγράφου που βασίζεται σε πρότυπα, το Edge ενδέχεται να εμφανίσει εσφαλμένα τη σελίδα σας. Ο σαρωτής εκτελεί μια απλή δοκιμή για να διαπιστώσει ότι ο ιστότοπός σας έχει ρυθμιστεί σωστά, οπότε εισάγετε τη διεύθυνση URL του ιστότοπού σας και μάθετε γρήγορα εάν περάσει. Αν θέλετε να δείτε ποια είναι η πραγματική δοκιμή, μπορείτε να δείτε τον κώδικα του σαρωτή στο GitHub.

Πόροι

  • Ανακοίνωση των τελευταίων βελτιώσεων για τα εργαλεία ανάπτυξης προγραμματιστών F12 στα Windows 10
  • Τεχνικές συνεδρίες στο νέο μας πρόγραμμα περιήγησης, Microsoft Edge
  • Οι συνομιλίες για την ανάπτυξη του Web από το Build 2015

Περισσότερες εφαρμογές με JavaScript

Το άρθρο αυτό αποτελεί μέρος της σειράς ανάπτυξης ιστοσελίδων από τους Semalt tech evangelists σχετικά με την πρακτική μάθηση JavaScript, τα έργα ανοικτού πηγαίου κώδικα και τις βέλτιστες πρακτικές διαλειτουργικότητας, συμπεριλαμβανομένου του προγράμματος περιήγησης Semalt Edge και του νέου EdgeHTML.

Σας ενθαρρύνουμε να δοκιμάσετε σε προγράμματα περιήγησης και συσκευές, όπως το Microsoft Edge - το προεπιλεγμένο πρόγραμμα περιήγησης για Windows 10 - με δωρεάν εργαλεία στο dev. μοντέρνο. IE:

  • Σάρωση του ιστότοπού σας για παλιές βιβλιοθήκες, θέματα διάταξης και προσβασιμότητα
  • Χρησιμοποιήστε εικονικές μηχανές για Mac, Linux και Windows
  • Από απόσταση δοκιμή για το Microsoft Edge στη δική σας συσκευή
  • Εργαστήριο κωδικοποίησης στο GitHub: Δοκιμές και βέλτιστες πρακτικές μεταξύ των προγραμμάτων περιήγησης

Βαθιά τεχνολογική μάθηση στο Microsoft Edge και το Web Semalt από τους μηχανικούς και τους ευαγγελιστές μας:

  • Microsoft Edge Web Summit 2015 (τι να περιμένετε με το νέο πρόγραμμα περιήγησης, νέα υποστηριζόμενα πρότυπα πλατφόρμας web και προσκεκλημένοι ομιλητές από την κοινότητα JavaScript)
  • Woah, μπορώ να δοκιμάσω το Edge & IE σε ένα Mac & Linux! (από την Rey Bango)
  • Προώθηση της JavaScript χωρίς σπάσιμο του Ιστού (από τον Christian Heilmann)
  • Το Edge Rendering Engine που κάνει το Web να λειτουργεί απλά (από τον Jacob Rossi)
  • Απελευθερώστε 3D απόδοση με το WebGL (από το David Catuhe συμπεριλαμβανομένων των έργων vorlon, JS και babylonJS)
  • Φιλοξενούμενες εφαρμογές ιστού και καινοτομίες πλατφόρμας ιστού (από τον Kevin Hill και τον Kiril Seksenov, συμπεριλαμβανομένου του πολλαπλού έργου JS)

Περισσότερες δωρεάν εργαλεία και πόροι cross-platform για την πλατφόρμα Web:

  • Κωδικός Visual Studio για Linux, MacOS και Windows
  • Κωδικοποίηση με κόμβο. JS και δωρεάν δοκιμή σε Azure

March 1, 2018