πρόγραμμα για τσεκάρισμα συμβατότητας ιστοσελίδας με browser;

[saavedra29]

Παιδιά ξεκίνησα πριν από κανα δυό μήνες να μαθαίνω html και css.Δουλέυω σε linux.
Έχω ξεκινήσει να φτιάχνω μια απλή ιστοσελίδα για practise. Όλα καλά, αλλά όταν την φόρτωσα σε windows (συγγεκριμένα internet explorer) τότε ήρθαν στη φόρα τα θέματα συμβατότητας.
Η σελίδα φαινόταν άθλια ( "κινέζικα" αντί για Ελληνικά ) άσχετα λευκά περιθώρια, καταλαβαίνετε.. Έψαξα στο ιντερνετ μήπως βρώ κάποιο πρόγραμμα για να ελέγχω, τουλάχιστον στους βασικούς browsers, τη συμβατότητα κατα τη δημιουργία της σελίδας αλλά τίποτα. Βρήκα σελίδες όπου αυτό γίνεται για sites που είναι ήδη ανεβασμένα σε κάποιον σέρβερ, αλλά το δικό μου δεν το έχω ανεβάσει ακόμα, είναι στον σκληρό.
Υπήρχαν και κάποια προγράμματα ( όχι δωρεάν ) για windows που κάνουν αυτή τη δουλειά.
Εγώ θέλω ένα πρόγραμμα για λινουξ, που να μπορώ να τσεκάρω τη συμβατότητα της σελίδας χωρίς να την έχω ανεβάσει σε σέρβερ. Υπάρχει κάτι τέτοιο;
Ή πρέπει στην περίπτωσή μου αναγκαστηκά να την ανεβάσω έτσι στον σέρβερ και να την τσεκάρω σε ένα site όπως π.χ. αυτό;

[nikospara]

Σε Linux θα βρείς τους περισσότερους browsers, εκτός του IE φυσικά και νομίζω δεν υπάρχει ούτε ο Safari. Για τον IE υπάρχει η λύση του ies4linux. Έχω παίξει πολλές φορές τον 6, νομίζω πλέον παίζει και ο 7 (; ). Οι νεότεροι είναι έτσι κι αλλιώς συμβατότεροι με τις προδιαγραφές, οπότε αν παίζει σε Firefox, θα παίζει και στον IE 8.

[Simpleton]

Χρησιμοποίησε τον validator του W3C. Μπορεί να ελέγξει σελίδες από URL, να ανεβάσεις αρχεία ή και απλά να αντιγράψεις τον κώδικα. Κοιτάει αν ο κώδικας σου είναι συντακτικά σωστός. Αν δεν είναι, ο browser δεν είναι υποχρεωμένος να την εμφανίσει σωστά.

Αντίστοιχα, για CSS.

Το θέμα της γλώσσας λύνεται με χρήση UTF-8, και δήλωση της κωδικοποίησης στο head:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Η συμβατότητα με τον IE είναι το τελευταίο που πρέπει να κοιτάς. Πρώτα σε άλλους browsers.

[saavedra29]

Σε Linux θα βρείς τους περισσότερους browsers, εκτός του IE φυσικά και νομίζω δεν υπάρχει ούτε ο Safari. Για τον IE υπάρχει η λύση του ies4linux. Έχω παίξει πολλές φορές τον 6, νομίζω πλέον παίζει και ο 7 (; ). Οι νεότεροι είναι έτσι κι αλλιώς συμβατότεροι με τις προδιαγραφές, οπότε αν παίζει σε Firefox, θα παίζει και στον IE 8.

Έχω slackware 13.1 και στο slackbuilds δεν υπάρχει το ies4linux. Εγκατέστησα και τον chorme και θα τσεκάρω και εκεί. Όσο για τον explorer αναγκαστικά θα στέλνω σε καναν γνωστό τη σελίδα να την τσεκάρει αυτός, και ότι γίνει..

........Auto merged post: saavedra29 πρόσθεσε 2 λεπτά και 15 δευτερόλεπτα αργότερα ........

Χρησιμοποίησε τον validator του W3C. Μπορεί να ελέγξει σελίδες από URL, να ανεβάσεις αρχεία ή και απλά να αντιγράψεις τον κώδικα. Κοιτάει αν ο κώδικας σου είναι συντακτικά σωστός. Αν δεν είναι, ο browser δεν είναι υποχρεωμένος να την εμφανίσει σωστά.

Αντίστοιχα, για CSS.

Το θέμα της γλώσσας λύνεται με χρήση UTF-8, και δήλωση της κωδικοποίησης στο head:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Η συμβατότητα με τον IE είναι το τελευταίο που πρέπει να κοιτάς. Πρώτα σε άλλους browsers.

Ωραίος ο validator αν και δεν δείχνει πώς φαίνετε η σελίδα σε άλλους browsers. Προφανώς όμως με τη χρήση του θα βελτιωθεί η εμφανισή της σελίδας και σε αυτούς.

[nikospara]

Έχω slackware 13.1 και στο slackbuilds δεν υπάρχει το ies4linux. Εγκατέστησα και τον chorme και θα τσεκάρω και εκεί. Όσο για τον explorer αναγκαστικά θα στέλνω σε καναν γνωστό τη σελίδα να την τσεκάρει αυτός, και ότι γίνει..

Το ies4linux είναι script που χρησιμοποιεί το Wine, το οποίο σίγουρα υπάρχει. Για ξαναδές το. Κι αν απηυδήσεις, μπορείς να βάλεις τον IE σε ένα virtual machine. Η MS δίνει δωρεάν κάποια δοκιμαστικά VMs με XP+IE για δοκιμές (νομίζω...)

[saavedra29]

Το wine μου έχει κάτσει στραβά και το virtuabox δεν ξέρω αν θα καταφέρω να το δουλέψω. Είμαι άσχετος τελείως από virtualbox και δεν ξέρω π.χ. τί windows θα έχει;
Τί έκδοση explorer θα έχει μέσα; Θα μπορώ να πηγαίνω από windows (virtualbox) σε slackware μόνο με ένα κλικ ή όταν θα πρέπει να κάνω την αλλαγή θα είναι σαν να φορτώνει άλλο λειτουργικό κάθε φορά; Γιατί στην δεύτερη περίπτωση δεν αξίζει για αυτό που θέλω.
Ευτυχώς ανέβασα την σελίδα σε έναν server και βρήκα αυτό. Φαίνεται πολύ βολικό και έχει και addon για τον firefox το οποίο και εγκατέστησα. Βέβαια δεν κάνει scrolling για να δω όλη τη σελίδα, πέρνει μόνο screenshot, ούτε μπορώ να δω αν δουλέυουν τα διάφορα "εφφέ", αλλά για αρχή καλό είναι.
Αν και αργότερα θα χρειαστώ κάτι πιο άμμεσο φοβάμαι
Αν μπορούσατε να μου απαντήσετε στις παραπάνω ερωτήσεις για το virtualbox θα με βγάζατε από πολύ κόπο γιατί απ'όσα διάβασα στο google δεν κατάλαβα πολλά. Προφανώς θα πρέπει να το εγκαταστήσω και να το δουλέψω για να καταλάβω τί γίνεται.

[nikospara]

Γειά και πάλι,

Όταν λές ότι το Wine σου έχει κάτσει στραβά εννοείς δεν εγκαθίσταται/έχει πρόβλημα ή εσύ έχεις πρόβλημα μαζί του; (πάντως και τα δύο λύνονται :P )

Τώρα το virtualbox μάλλον το πήρες από φόβο. Άδικα. Είναι απλούστατο στη χρήση (επί της ουσίας θα σε οδηγήσει μόνο του στο τι θέλεις να κάνεις). Εγκαθιστάς όποιο λειτουργικό θέλεις. Πρέπει να κάνεις την εγκατάσταση όμως σα να το έβαζες σε πραγματικό υπολογιστή. Μετά (στην απλούστερη και συνηθέστερη περίπτωση) θα έχεις ένα παράθυρο, κανονικό παράθυρο του window manager σου, που θα περιέχει το desktop του άλλου λειτουργικού. Έτσι απλά. Το "κανονικό" (host σε ορολογία) λειτουργικό σου και όλες οι εφαρμογές του θα τρέχουν κανονικά.

[parantox]

Το VirtualBox είναι απλούστατο και πολύ βολικό όπως είπε και ο nikospara. Δε θα σε δυσκολέψει καθόλου, έχει και καλό help αν θυμάμαι καλά.

Ο Explorer που θα έχει είναι αυτός που θα έχουν τα Windows που θα του εγκαταστήσεις. Φυσικά μπορείς να βάλεις όποια έκδοση θες, να την εγκαταστήσεις στο virtual machine που θα φτιάξεις.

Η μετάβαση από το virtual περιβάλλον στο host είναι ένα κλικ του ποντικιού. Έχει μια ρύθμιση το πρόγραμμα που σου λέει να αλλάζει το focus αν σύρεις το ποντίκι έξω από το παράθυρο του Virtual Box. Επιπλέον γίνεται και με συνδυασμό πλήκτρων.

Θα το βρεις, είναι απλό.

[saavedra29]

Το virtualbox το αποκλείω τότε, έτσι και αλλιώς έχω τα vista στον σκληρό σε άλλο partition.
Το wine το είχα πάρει εγώ στραβά γιατί το είχα εγκαταστήσει στο ubuntu όταν δεν είχα ιδέα από λίνουξ γενικά και ήθελα να τρέξω κάτι σκακιστικά προγράμματα. Αφού φαντάσου ότι πήγα να κάνω το rybka εγκατάσταση στο ubuntu όπως γίνεται στα windows
Nikospara να το εγκαταστήσω το wine, αλλά το ies4linux δεν υπάρχει στο slackbuilds ούτε στο slacky.eu. Βέβαια είναι σκρίπτ και θα τρέξει, αλλά εδώ αναφέρει μόνο συγγεκριμένες διανομές, και εδώ (Linux testing on Gentoo, Fedora, Suse, Slackware and others) μου δίνει να καταλάβω ότι δεν έχει δοκιμαστεί σε slackware.
Και φοβάμαι μήπως μου τα ανακατέψει και δεν μπορώ να βγάλω άκρη. Όπου αλλού έψαξα δε βρήκα πληροφορίες για το συγγεκριμένο σκριπτ σε σχέση με το slackware...

[nikospara]

...το ies4linux δεν υπάρχει στο slackbuilds...

Πάντως εγώ θα το δοκίμαζα. Αυτό που έχει σημασία είναι η έκδοση του Wine: αν έχεις την απαιτούμενη από το ies4linux, θα είσαι εντάξει.

Ε, ούτε στο virtualbox θα έλεγα όχι πάντως...

Καλή επιτυχίς ό,τι κάνεις!

[vfx]

Το σημαντικό είναι να μην έχεις λάθη στη σελίδα που φτιάχνεις.
Δοκίμασε validate στις παρακάτω σελίδες ή με ένα από τα πολλά plugins που υπάρχουν για firefox.
http://validator.w3.org/
http://htmlhelp.com/tools/validator/
http://www.totalvalidator.com/validator/ValidatorForm
http://xhtml-css.com/

Το αν μια σωστή (valid) σελίδα εμφανίζεται το ίδιο σε όλους τους browsers είναι μια άλλη πονεμένη ιστορία...

Δες:
http://browsershots.org/
https://browserlab.adobe.com/

Επειδή μια σελίδα μπορεί να εμφανίζετε διαφορετικά ακόμα μεταξύ IE7 & IE8 θα πρέπει να έχεις διαφορετικό ή μόνο με κάποιες προσθήκες css για κάθε browser.

για να το κάνεις αυτό προσθέτεις στο html head το παρακάτω

<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8fix.css" />
<![endif]-->

[saavedra29]

Το σημαντικό είναι να μην έχεις λάθη στη σελίδα που φτιάχνεις.
Δοκίμασε validate στις παρακάτω σελίδες ή με ένα από τα πολλά plugins που υπάρχουν για firefox.
http://validator.w3.org/
http://htmlhelp.com/tools/validator/
http://www.totalvalidator.com/validator/ValidatorForm
http://xhtml-css.com/

Το αν μια σωστή (valid) σελίδα εμφανίζεται το ίδιο σε όλους τους browsers είναι μια άλλη πονεμένη ιστορία...

Δες:
http://browsershots.org/
https://browserlab.adobe.com/

Επειδή μια σελίδα μπορεί να εμφανίζετε διαφορετικά ακόμα μεταξύ IE7 & IE8 θα πρέπει να έχεις διαφορετικό ή μόνο με κάποιες προσθήκες css για κάθε browser.

για να το κάνεις αυτό προσθέτεις στο html head το παρακάτω

<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8fix.css" />
<![endif]-->

vfx σε ευχαριστώ για τον κώδικα, προφανώς θα χρειαστεί. Τα λίκς αυτά τα ´εχω ήδη επισκεφθεί, αλλά τώρα την σελίδα την έχω ανεβασμένη στον σερβερ μου οπότε τα πράγματα είναι πιο έυκολα, όχι για το validation ( δεν είχα πρόβλημα ) αλλά για preview της σελίδας με explorer.