Contenu de la partie 2 (accédez à: partie 1 )
4. Internet Explorer
5. Firefox
6. Opera
7. Chrome
8. Safari
9. Outils de développement (et raccourcis)
10.
Mesure du temps de configuration et de l'espace disque • Temps nécessaire par navigateur (installation et configuration)
11. Utilisation optimale
• Page d'accueil àhttp://10.0.2.2:8888/
Installation et configuration
Conseils de configuration du navigateur:
- Page d'accueil
- Désactivez la recherche: "Navigateur par défaut" et "mises à jour".
- Activer les outils de développement
4. Internet Explorer
Windows 7 ne permet pas d'exécuter d'anciennes instances d'IE, mais voir la note ci-dessous . C'est pourquoi une machine virtuelle Win XP est nécessaire.
IE ne peut pas être rétrogradé, alors commencez avec la version la plus basse, puis mettez à niveau IE dans un Sandboxie séparé . Définissez les préférences dans la version la plus basse du navigateur avant la mise à niveau, de sorte que vous n'ayez à définir les préférences principales qu'une seule fois.
- IE6 - Installé par défaut dans WinXP
- IE7 / IE8 - Installer dans Sandboxie (WinXP)
- IE9 + - Obtenez des images de machine virtuelle Windows prédéfinies à partir du site Web modern.IE .
Ces images expirent 30 jours après la première utilisation. Lorsque les images sont expirées, elles s'éteignent après une heure d'utilisation. Si vous ne souhaitez pas recréer les images à chaque fois, modifiez l'horloge matérielle de votre VM avant d'activer l'image.
Par exemple, si vous utilisez VirtualBox, lancez le terminal et exécutez la commande suivante (remplacez les noms en majuscules par quelque chose de sensé):
VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>
Des installateurs entièrement hors ligne pour IE6 (et même IE5.5) sont disponibles sur ce site .
Pour IE6 et IE7, la barre d'outils du développeur Internet Explorer doit être installée. IE8 + possède des outils de développement F12 intégrés .
Configuration
- Démarrer les paramètres IE6: page d'accueil, sécurité, cookies, navigateur par défaut.
- IE7: Débarrassez-vous de la première page d'exécution, via le registre (IE7 Sandboxie). Voir cet article sur le forum TechNet de Microsoft .
- IE8: supprimez la boîte de dialogue «Configurer Windows Internet Explorer 8». Cela peut être fait en démarrant IE8, puis en cliquant sur «Plus tard» ou en modifiant le registre .
Il est en fait possible d'exécuter IE6 - 8 sous Windows 7 via la virtualisation des applications. VMWare ThinApp fonctionne très bien, mais sa configuration prend beaucoup plus de temps, car vous devez capturer l'installation d'Internet Explorer. De plus, le progiciel est très coûteux (les keygens sont disponibles gratuitement, mais contraire à l'éthique).
5. Firefox
Option 1 (paresseuse) :
Utilu Mozilla Firefox Collection . Cet outil contient des installateurs pour toutes les versions de Firefox (200+ Mo). Firebug, la barre d'outils Web Developer et Flash sont également inclus.
Option 2 :
plusieurs versions de Firefox peuvent facilement être installées et exécutées en même temps.
- Téléchargez le gestionnaire de profils officiel de Mozilla .
- Téléchargez les versions appropriées de Firefox sur http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ . Des versions plus anciennes peuvent être trouvées sur ftp.mozilla.org .
- Installez chaque version de Firefox. Il est pratique de choisir un répertoire principal ("Firefox") et d'utiliser les numéros de version comme noms pour les sous-répertoires ("3.6").
- Extensions: lancez la version la plus ancienne de Firefox et obtenez vos extensions préférées:
- Firebug - Un incontournable pour les anciennes versions de Firefox. Pas vraiment nécessaire pour les dernières versions de Firefox, qui ont un bel ensemble d' outils de développement intégrés .
- HttpFox - Un outil simple et efficace pour mesurer les requêtes HTTP.
- Développeur Web - Une barre d'outils extrêmement utile pour le développement Web. Gain de temps.
- Console 2 - Améliore la console intégrée ( Ctrl Shift> J).
- Préférences:
Tools > Options
(Windows), Edit > Preferences
(Linux)
- Général: Page d'accueil
- Sécurité: décochez tous les paramètres, à l'exception de "M'avertir lorsque les sites essaient d'installer des modules complémentaires".
(N'oubliez pas de consulter les paramètres du message d'avertissement, via le bouton en bas).
- Avancée:
- Général:
- Vérifier le navigateur par défaut: désactivé
- Soumettre des rapports de plantage: désactivé
- Mise à jour: désactiver toutes les mises à jour
- Nettoyage: fermez tous les onglets, appuyez sur Ctrl Shift Delet vérifiez tout. Fermez ensuite Firefox.
- Gestionnaire de profils de Firefox :
- Dupliquez chaque profil via l'
Copy
option.
- Une capture d'écran de la boîte de dialogue s'ouvre. Choisissez un nom approprié (par exemple
Firefox 3.6
) et une destination.
- Utilisez l'
Firefox version
option pour sélectionner la version par défaut de Firefox pour le profil.
- Cochez également la
Start new instance [-no-remote]
case, pour autoriser l'exécution simultanée de plusieurs versions de Firefox à la fois.
- Finir
- Utilisez le
Start Firefox
bouton pour démarrer une instance de Firefox.
- Laisser la vérification de compatibilité du module complémentaire s'exécuter et mettre à jour si nécessaire.
- Effacez le cache, l'historique, etc. à l'aide de Ctrl Shift Del.
- Répétez cette étape pour chaque version de Firefox.
6. Opéra
Opera : Une liste de tous les installateurs est disponible sur Opera.com . Plusieurs versions peuvent être installées côte à côte sans aucun problème. Lors de l'installation, choisissez "Personnalisé" et un autre répertoire.
Lors de l'installation, choisissez également d'utiliser le même profil pour tous les utilisateurs.
Préférence importante: Paramètres> Préférences> Avancé> Sécurité> Ne pas rechercher les mises à jour.
Remarque: Opera 15+ utilise le même moteur de rendu et JavaScript que Chrome.
7. Chrome
Chrome : des programmes d'installation autonomes peuvent être téléchargés à partir de File Hippo .
Il est également possible d'exécuter plusieurs versions de Chrome côte à côte.
Bien que Sandboxie puisse être utilisé, il est recommandé d'utiliser la méthode native suivante afin d'exécuter plusieurs versions côte à côte.
- Téléchargez la (les) version (s) souhaitée (s) depuis File Hippo .
- Créez un répertoire principal, par exemple
C:\Chrome\
.
- Extrayez le programme d'installation (= sans installer ), en utilisant 7-Zip par exemple.
Après l'extraction, une chrome.7z
archive est créée. Extrayez également ce fichier et descendez le Chrome-bin
répertoire créé .
Maintenant, vous voyez chrome.exe
et un dir comme 18.0.1025.45
.
Déplacer chrome.exe
vers 18.0.1025.45
, puis déplacer ce répertoire vers C:\Chrome
. Les fichiers restants Chrome-bin
peuvent être supprimés en toute sécurité.
Créez un raccourci pour chaque version :
"C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45
Explication de ce raccourci:
"C:\Chrome\18.0.1024.45\chrome.exe"
• Ceci est le lanceur
--user-data-dir="..\User Data\18"
• Profil utilisateur, relatif à l'emplacement de chrome.exe
. Vous pourriez également avoir utilisé --user-data-dir="C:\Chrome\User Data\18"
pour le même effet. Définissez vos préférences pour la version la plus basse de Chrome et dupliquez le profil utilisateur pour chaque version de Chrome. Les anciennes versions de Chrome refusent d'utiliser les profils utilisateur des nouvelles versions.
--chrome-version=18.0.1025.45
• Emplacement des binaires:
- L'emplacement (par exemple
18.0.1025.45
) doit être le nom du répertoire:
- Doit commencer et se terminer par un nombre. Un point peut apparaître entre les deux.
- Les numéros ne doivent pas nécessairement correspondre au numéro de version réel (bien qu'il soit pratique d'utiliser des numéros de version réels ...).
Concernant la configuration: toutes les préférences peuvent être définies sur chrome://settings/
. Je change généralement la page d'accueil et les paramètres "Sous le capot".
Avec le grand nombre de versions de Chrome, il n'est pas pratique d'installer toutes les versions. J'ai créé un script VB qui automatise ces étapes, je peux donc simplement stocker les programmes d'installation, puis exécuter le script chaque fois que j'ai besoin de tester une ancienne version de Chrome: https://gist.github.com/Rob--W/2882558
8. Safari
Remarque: la prise en charge de Safari sur Windows a été interrompue. La dernière version de Safari prise en charge sur Windows est la 5.1.7; vous avez besoin d'un Mac ou d'une VM OS X pour tester vos sites dans les nouvelles versions de Safari.
Safari ne prend pas en charge nativement plusieurs versions ou profils utilisateur côte à côte. Safari 4 est proche de la mort , vous n'avez donc qu'à tester 5. *. Toutes les versions de Safari peuvent être téléchargées à partir d' anciennes applications .
- Téléchargez et installez Safari 5.0 .
- Démarrez Safari, définissez vos préférences.
- Créez un nouveau bac à sable Sandboxie pour chaque installation supplémentaire .
Il est important d'installer initialement la version la plus ancienne , afin que le profil utilisateur puisse être adapté par les versions plus récentes.
- Pour plus d'informations sur l'installation dans Sandboxie, consultez la section Sandboxie et Internet Explorer .
Les outils de développement doivent être activés via Preferences > Advanced > Show Developer menu in menu bar
. Après avoir installé Safari, désinstallez le programme de mise à jour du logiciel Apple via Control panel > Add/Remove software
.
9. Outils de développement (et raccourcis)
- Internet Explorer
- Firefox
- Opéra
- Chrome
- Safari
- 4+ Ctrl Alt C Safari Outils de développement intégré dans . Ces outils sont désactivés par défaut. Activez-le via
Preferences > Advanced > Show Developer menu in menu bar
.
10. Temps de configuration et espace disque mesurés
- La configuration de l'environnement de base prend 30 minutes .
- L'installation des navigateurs ne prend pas beaucoup de temps.
- Selon le nombre de navigateurs, leur configuration peut prendre un certain temps.
- Configuration d'une VM WinXP avec les navigateurs répertoriés dans ce guide + Opera 12 beta:
- Taille des téléchargements: 585 Mo
- 12 navigateurs
- Temps utilisé: 1h09 (32 minutes pour se rendre à IE)
- Taille de l'appareil: 1,1 G / taille importée: 2,2 G.
- Journal détaillé: http://pastebin.com/R7WGPK99
- Configuration d'une énorme machine virtuelle WinXP pour des tests détaillés de compatibilité du navigateur:
Temps nécessaire par navigateur (installation et configuration)
- Opéra: 2 minutes
- Internet Explorer: 3 minutes *
- Safari: 4 minutes *
- Firefox: 5 minutes
- Chrome: 6 minutes
* exclut le temps de configuration d'un Sandboxie Sandbox (<1 minute).
11. Utilisation optimale
Lorsque vous avez terminé l'installation, utilisez CCleaner pour nettoyer les fichiers indésirables, puis:
- Exportez l'appareil (cet appareil peut être enregistré ailleurs comme sauvegarde).
- Supprimer la machine virtuelle nouvellement créée
- Importez l'appliance (ces étapes réduisent la taille du fichier de la VM)
- Créer un instantané (à utiliser comme point de contrôle)
À partir de maintenant, lorsque vous avez terminé de tester les pages Web, désactivez la VM et choisissez "Restaurer l'instantané". Cela gardera votre VM propre et rapide.
Page d'accueil à http://10.0.2.2:8888/
Le système d'exploitation invité peut accéder au système d'exploitation hôte par adresse IP 10.0.2.2
. Un serveur fonctionnant sur le port 8888
est accessible à l'invité via http://10.0.2.2:8888/
, même lorsque l'hôte n'a pas de connexion Internet.
Pour cette raison, il http://10.0.2.2:8888/
est recommandé de définir comme page d'accueil.
Cas d'utilisation possibles:
- Testez une seule page.
- Afficher automatiquement une certaine page, en fonction de l'agent utilisateur exposé (par exemple par redirection).
- Fiddling: créez un violon dans Chrome et testez-le dans Firefox.
- Partagez du texte et des liens.
Tout ce qui précède peut facilement être implémenté sur un simple serveur (j'ai utilisé Node.js , par exemple).