Web Design Testing In Multiple Browsers & Operating Systems Web design δοκιμές σε πολλαπλά προγράμματα περιήγησης και λειτουργικά συστήματα

As a web developer, I’m constantly at odds with all the different browsers out there. Ως web developer, είμαι συνεχώς σε αντίθεση με το σύνολο των διαφόρων browsers εκεί έξω. They all render CSS, Java and other styling in different ways. Όλοι τους καθιστούν CSS, Java και άλλα είδη με διάφορους τρόπους. This is particularly troublesome if you’ve made the move over to designing in full CSS. Αυτό είναι ιδιαίτερα ενοχλητικό εάν έχετε κάνει τη μετάβαση προς το σχεδιασμό πλήρως CSS. There are some online tools available however, that will allow you to check your work without having to spend hours maintaining multiple browser installs across different versions. Υπάρχουν κάποια εργαλεία διαθέσιμα online ωστόσο, ότι θα σας επιτρέψει να ελέγξετε την εργασία σας, χωρίς να περνούν ώρες διατηρώντας πολλαπλές browser εγκαθιστά μεταξύ των διαφόρων εκδόσεων. Which in some cases you cant do. Οι οποίες σε ορισμένες περιπτώσεις θα κάνουμε σημαντικές. Well, you can if you are so inclined. Λοιπόν, αν μπορείτε να είστε τόσο κλίση. In some cases, that might be the only option for instant interactivity but you will always be limited by operating system testing and limited to certain browsers to an extent. Σε ορισμένες περιπτώσεις, που μπορεί να είναι η μόνη επιλογή για διαδραστικότητα στιγμιαίο αλλά πάντα θα πρέπει να περιορίζεται από το λειτουργικό σύστημα ελέγχου και περιορίζονται σε ορισμένα προγράμματα περιήγησης σε βαθμό. So here’s an option to have at least a quickshot of them all! Μέχρι εδώ μια επιλογή για να έχουν τουλάχιστον ένα από αυτά quickshot όλα!

BrowserShots.Org BrowserShots.Org
This is a great online tool that tells you which browsers you may want to install and troubleshoot with more. Αυτό είναι μια μεγάλη online εργαλείο που σας λέει ότι τα προγράμματα περιήγησης μπορεί να θέλετε να εγκαταστήσετε και να αντιμετωπίσετε τα προβλήματα με περισσότερο. At a glance, I was able to download 52 screen shots of the browsers that I chose all at once. Με μια ματιά, είχα τη δυνατότητα να κατεβάσετε 52 οθόνη πλάνα των browsers που επέλεξα όλα με τη μία. You can see some of the thumbnailed results for robmalon.com in the left screenshot. Μπορείτε να δείτε μερικά από τα αποτελέσματα για thumbnailed robmalon.com στην αριστερή εικόνα. It showed me that I had some serious issue in IE 5.5 as you can see in the picture below Αυτό μου έδειξε ότι είχα κάποιο σοβαρό ζήτημα, IE 5.5, όπως μπορείτε να δείτε στην παρακάτω εικόνα

Beware, when you use this tool, you may only be able to use it once per day and for one site per day. Ας είμαστε ιδιαίτερα προσεκτικοί, όταν χρησιμοποιείτε αυτό το εργαλείο, μπορεί να είναι σε θέση να το χρησιμοποιήσετε μια φορά την ημέρα και για ένα δικτυακό τόπο ανά ημέρα. Obviously a service like this can be abused. Είναι προφανές ότι μια υπηρεσία όπως αυτή μπορεί να κακοποιηθεί. If you want to use it more than that, you could try a clever trick like changing your routers MAC address manually which in turn should change the last set of octets on your IP address from a typical DLS or Cable provider. Αν θέλετε να το χρησιμοποιήσετε περισσότερο από αυτό, μπορείτε να δοκιμάσετε ένα έξυπνο κόλπο σας σαν αλλαγή διεύθυνσης MAC δρομολογητές που με τη σειρά τους θα πρέπει να αλλάξει την τελευταία σειρά στις οκτάδες των IP διεύθυνση από ένα τυπικό DLS ή Cable πάροχο.

Also note, when you use this tool, that some of the shots might have to be redone because I think their servers timeout sometimes. Σημειώστε, επίσης, όταν χρησιμοποιείτε αυτό το εργαλείο, ότι κάποια από τα πλάνα, θα χρειαστεί ίσως να redone διότι πιστεύω τους διακομιστές χρονικό όριο μερικές φορές.

If you do any research into BrowserShots you’ll find they have Downloads area which links to a sourceforge project which they’ve started so you can run your own. Εάν το κάνετε οποιαδήποτε έρευνα σε BrowserShots θα βρείτε έχουν Downloads περιοχή η οποία συνδέει σε SourceForge έργο που έχουμε ξεκινήσει, ώστε να μπορείτε να εκτελέσετε το δικό σας. This is the only way to date, to be able to manage and emulate all browsers at once. Αυτός είναι ο μόνος τρόπος για την ημερομηνία, να είναι σε θέση να διαχειρίζονται και να μιμηθεί όλα τα προγράμματα περιήγησης με τη μία.

What To Develop For - The Browsers Visitors Use Τι να αναπτυχθούν - για την χρήση προγράμματα περιήγησης των επισκεπτών
To be honest, at some point, its time to cut your losses and develop for the majority. Για να είμαστε ειλικρινείς, κάποια στιγμή, τη στιγμή να μειώσουμε τα χρήματα που χάσατε και ανάπτυξη για την πλειοψηφία. I’ve reviewed stats from some of the larger sites I run and you can see the results of users typical browser usage these days for yourself. Θα έχουμε εξετάσει stats από ορισμένα από τα μεγαλύτερα sites να εκτελέσω και μπορείτε να δείτε τα αποτελέσματα των χρηστών τυπικό πρόγραμμα περιήγησης χρήση αυτών των ημερών για τον εαυτό σας. Note: These stats are from the month of August 2008. Σημείωση: Τα στατιστικά στοιχεία είναι από το μήνα Αύγουστο 2008.

Reviewing The Statistics Την αναθεώρηση των στατιστικών

• The main stats (first 3 graphs) are from the same site. Τα κύρια στατιστικά (3 πρώτα διαγράμματα) είναι από το ίδιο σημείο. Its a site in a gaming niche (I run several sites in this niche) so remember that the audience is a bit younger and maybe a bit more technical. Η μια τοποθεσία σε μια γωνιά gaming (I εκτελέσετε πολλές τοποθεσίες σε αυτήν την εξειδικευμένη), ώστε να θυμάστε ότι το κοινό είναι λίγο νεότερος και ίσως λίγο πιο τεχνικό.
• The bottom left graph shows a quick percentage of the traffic on this site (robmalon.com) in which firefox usage sky rockets! Το κάτω αριστερό γράφημα δείχνει ένα γρήγορο ποσοστό της κυκλοφορίας σε αυτό το site (robmalon.com) στις οποίες η χρήση του Firefox πυραυλοβολίδες ουρανό! I’m sure my audience here is a little more cutting edge, developers ;). Είμαι σίγουρος μου εδώ είναι λίγο πιο αιχμή, προγραμματιστές?).
• On the bottom right you’ll see stats for a forum that I operate with similar stats to the game site. Από την κάτω δεξιά θα δείτε στατιστικά για ένα φόρουμ που λειτουργούν με παρόμοια στατιστικά στο παιχνίδι site.
• I’ve looked at stats across clients which I’ve done work for in the past. Έχω εξεταστεί σε όλη stats πελάτες που έχω κάνει για εργασία στο παρελθόν. Even in non technical areas the trends are about the same. Ακόμη και σε μη τεχνικούς τομείς, οι τάσεις είναι περίπου το ίδιο. Firefox is always 45% - 70% and IE is usually between 30% and 45% of traffic. Ο Firefox είναι πάντα 45% - 70% και στην Ιρλανδία, είναι συνήθως μεταξύ 30% και 45% της κίνησης.

That said, when I develop CSS sites, I specifically develop for IE6, 7 and Firefox 2, 3. Βεβαίως, όταν θα αναπτυχθούν CSS χώρων, θα αναπτυχθεί ειδικά για IE6, 7 και Firefox 2, 3.

Typically anything you do for Firefox 3 will work in Firefox 2. Συνήθως κάτι που κάνεις για τον Firefox 3 θα έργο του Firefox 2. IE is a different story because you cant have two instances installed on the same machine. IE είναι μια άλλη ιστορία, γιατί ο αιτών έχει δύο περιπτώσεις εγκατασταθεί στον ίδιο υπολογιστή. (But wait, keep reading - There is a way). (Αλλά περιμένετε, να τηρούν ανάγνωση - Υπάρχει τρόπος).

More Than Just An Image Κάτι περισσότερο από μια εικόνα
If you need more interactivity with it you might be able to find a way to do a combination of these which will allow you to cover a fairly wide spectrum while still using a single computer: Εάν χρειάζεστε περισσότερες διαδραστικότητας με αυτό ίσως να μπορέσουμε να βρούμε έναν τρόπο να κάνουμε ένα συνδυασμό αυτών των δύο που θα σας επιτρέψει να καλύπτουν ένα αρκετά ευρύ φάσμα, ενώ εξακολουθούν να χρησιμοποιούν έναν υπολογιστή:

• Dual boot multiple operating systems - Maybe a bit tedious because you need to restart the machine every time you want to try a new set of browsers installed on a different operating system. Διπλή εκκίνηση πολλαπλών λειτουργικών συστημάτων - Ίσως είναι λίγο κουραστική γιατί χρειάζεστε για να ξεκινήσετε πάλι τον υπολογιστή κάθε φορά που θέλετε να δοκιμάσετε ένα νέο σύνολο των browsers εγκατασταθεί σε ένα διαφορετικό λειτουργικό σύστημα.
• Virtual Boot by using something such as VMware . Εικονική εκκίνηση χρησιμοποιώντας κάτι όπως το VMware. There’sa rather large amount of options for free virtual PC emulators available. Υπάρχει ένα αρκετά μεγάλο ποσό των επιλογών για ελεύθερη Virtual PC emulators διαθέσιμα. This might be a better option as you wont have to reboot as often. Αυτό είναι ίσως καλύτερη επιλογή, όπως σας έχουμε συνηθίζει να ξεκινήσει όσο πιο συχνά.

Internet Explorer Internet Explorer
IE alone, is usually one of the most difficult issues in setting some of these things up. IE μόνο του, είναι συνήθως ένα από τα πιο δύσκολα ζητήματα στον καθορισμό ορισμένων από αυτά τα πράγματα. If dual booting isn’t an option for you (or even if it is). Αν διπλή εκκίνηση δεν είναι επιλογή για σας (ή ακόμα κι αν είναι). You might what to shorten your work load on setup by finding handy utilities like this one: MultipleIE’s . Ίσως αυτό να ελαττώσει το φόρτο εργασίας για την εγκατάσταση επιχειρήσεων κοινής ωφελείας με την εξεύρεση Handy όπως αυτό: MultipleIE της. There is also a standalone IE7 version available on the same site. Υπάρχει επίσης μια αυτόνομη IE7 έκδοση διαθέσιμη στον ίδιο χώρο.

FireFox FireFox
With FireFox 2 and 3 you can use managed profiled to allow the two installs to co-exist together on the same machine. Με Firefox 2 και 3, μπορείτε να χρησιμοποιήσετε το διαχειρίζεται η ειδική για να επιτρέψει στις δύο εγκαθιστά να συνυπάρχουν μαζί στο ίδιο μηχάνημα.

Safari Safari
A Multi-Safari project was started for a multiple Safari install. A Multi-Safari έργο ξεκίνησε για μια πολλαπλή εγκατάσταση του Safari. It appears that this only works on a Mac however. Φαίνεται ότι αυτό λειτουργεί μόνο σε Mac, ωστόσο. You can find more info on the process at michelf.com’s blog . Μπορείτε να βρείτε περισσότερες πληροφορίες για τη διαδικασία στο michelf.com 's blog. You might also find the trick on lifehacker.com useful back when Safari 3 was in beta. Μπορεί επίσης να βρει το κόλπο για lifehacker.com χρήσιμο όταν πίσω στο Safari 3 beta.

Opera Opera
Opera plays nice and does not need a multi-installer to be able to run different versions on a machine. Opera παίζει ωραίο και δεν χρειάζεται ένα πολυεθνικό πρόγραμμα εγκατάστασης να είναι σε θέση να εκτελέσει διαφορετικές εκδοχές για μια μηχανή. Simply install to separate directories as you go. Απλά εγκαταστήστε να διαχωρίσει τους καταλόγους ως πας.

Conclusions Συμπεράσματα
At the end of the day its hard to please everyone. Στο τέλος της ημέρας τα σκληρά για να ικανοποιεί τους πάντες. I shoot to design for the two most popular browsers and have compatibility with at least the current version and previous version before it. Θα πυροβολήσω το σχεδιασμό για τα δύο πιο δημοφιλή προγράμματα περιήγησης και να έχουν συμβατότητα με τουλάχιστον την τρέχουσα έκδοση και την προηγούμενη έκδοση, πριν από αυτήν. That’s hard enough as it is. Αυτό είναι αρκετά δύσκολο, έτσι όπως είναι. If I ever have a client that asks me to do design work with an advanced design, and they want more support than that, it can definitely increases rates. Εάν έχω ποτέ έναν πελάτη που ζητά να κάνω την εργασία σχεδιασμού με προχωρημένο σχεδιασμό, και θέλουν μεγαλύτερη υποστήριξη από αυτήν, μπορεί σίγουρα αυξήσεις επιτοκίων.

Posted by: Rob | 2008-08-28 Καταχωρήθηκε από: Rob | 2008-08-28
Category: Web Design Κατηγορία: Web Design
Tags: CSS , Design , Visitors Ετικέτες: CSS, Design, Επισκέπτες
Respond: Leave A Comment | Trackback URL Απάντηση: Αφήστε ένα σχόλιο | trackback url