web-dev-qa-db-fra.com

Tests entre navigateurs: tous les principaux navigateurs sur UNE machine

But de ce guide:

  • Lancer plusieurs versions natives non modifiées d'Internet Explorer,
    Safari, Opera, Chrome et Firefox sur une seule machine, côte à côte .

Couvert dans partie 1 :

  • Table des matières
  • Quels navigateurs doivent être testés?
  • Comment créer un Windows XP VM qui démarre rapidement et n'expire jamais?)
  • Où peut-on télécharger les logiciels nécessaires (image de machine virtuelle, navigateurs, ...)?

Aussi couvert dans partie 2 :

  • Guide d'installation et de configuration pour IE, Firefox, Opera, Chrome et Safari.
  • Outils de développement et raccourcis.
  • Coûts en temps et en espace disque .

Plusieurs sections sont indépendantes. Par exemple, les instructions pour exécuter plusieurs versions d'un navigateur sont généralement applicables.

internet-explorerbrowsercross-browservirtualization
138
Rob W

Contenu

  1. Quels navigateurs doivent être testés?
    • Règles empiriques: Quels navigateurs devraient être inclus?
  2. Préparation
    • Windows XP
    • Windows 7+ (pour IE9 +)
    • Téléchargement par navigateur
      • Internet Explorer
      • Firefox
      • Opera
      • Chrome
      • Safari
      • Adobe Flash Player
    • Télécharger le résumé
  3. Sandboxie

    Partie 2: Installation et configuration
  4. Internet Explorer
  5. Firefox
  6. Opera
  7. Chrome
  8. Safari
  9. Outils de développement (et raccourcis)
  10. Temps d'installation et espace disque mesurés
    • Temps nécessaire par navigateur (installation et configuration)
  11. Utilisation optimale
    • Page d'accueil à http://10.0.2.2:8888/

1. Quels navigateurs doivent être testés?

Les statistiques sont rapidement obsolètes. Pour cette raison, je me réfère aux informations Part d'utilisation des navigateurs Web sur Wikipedia et aux sites suivants pour obtenir la dernière version du navigateur . Chaque site est suffixé par un bref guide d'utilisation.

Règles empiriques: Quels navigateurs devraient être inclus?

Remarque

De nos jours, la plupart des navigateurs Web utilisent des versions rapides avec mises à jour automatisées. Lors de la rédaction de ce guide, les publications étaient moins fréquentes et il était donc utile de configurer un ensemble de navigateurs sans avoir à regarder en arrière.
À moins que vous ne vouliez délibérément tester des applications dans d'anciens navigateurs, obtenez simplement la dernière version du navigateur et laissez le programme de mise à jour automatique se charger de la gestion de la version.

Si vous n'avez pas besoin de trop de flexibilité et que vous souhaitez rapidement tester une page, je vous recommande de consulter BrowserStack.com . Après votre inscription, vous pouvez obtenir un essai gratuit de 30 minutes vous permettant d'accéder à de nombreux navigateurs de bureau et mobiles, directement dans votre navigateur.

2. préparation

Avant de configurer la machine, téléchargez tous les fichiers nécessaires (voir "Résumé du téléchargement" à la fin de cette section). Tous les fichiers vont être partagés avec la machine virtuelle via un dossier partagé.Quoi? Comment?.

  • Un logiciel de virtualisation ( VirtualBox est recommandé, il est gratuit même pour un usage commercial. Les instructions ci-dessous sont écrites avec VirtualBox à l'esprit.)
  • Windows XP
    • Téléchargez l’image IE6 XP pour VirtualBox à partir du site Web modern.IE . Extrayez le fichier .ova fichier à l'intérieur et exécutez-le pour l'importer dans VirtualBox. (Les images sont également disponibles pour d'autres produits de virtualisation tels que VMware, Parallels, Virtual PC et Hyper-V)
    • Préparation de l'image pour utilisation:
      • Paramètres de VirtualBox : activez la carte réseau, mais ne connectez pas = = VM vers un réseau réel.
      • Paramètres de VirtualBox : Créez un dossier partagé en lecture seule. Ce dossier sera utilisé pour transférer des données entre le système d'exploitation hôte et le système d'exploitation invité.
      • Courir Net Use x: \\vboxsvr\WinShared _ (en supposant que le dossier partagé s’appelle WinShared. Cela liera le répertoire réseau au x: conduire).
      • Facultatif: Installez AntiWPA pour désactiver l'activation, vérifiez si vous utiliserez l'image pour plus de 30 jours.
      • Facultatif: Désactivez le fichier d'échange (Ordinateur> Propriétés> Avancé> Performances> Avancé> Mémoire virtuelle> Modifier> Non pagination> Configurer [confirmer]).
      • Facultatif: Désactiver services inutiles via Start > Run >services.msc
        Ordonne les lignes par colonne Startup Type, et réglez tous les services "automatiques" sur "manuel", en fonction de l'image. Chaque fois que vous souhaitez installer un package MSI, exécutez net start msiServer ("Windows Installer"):
        Windows XP - services.msc
      • Facultatif: Assistant de désactivation du nettoyage de burea : Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
      • Facultatif: Installez et configurez Sandboxie (utilisé pour exécuter IE7 et IE8 sur le même ordinateur virtuel IE6)
      • Facultatif: Installez CCleaner , exécutez-le pour le configurer et nettoyer les fichiers indésirables.
      • Facultatif: Installez 7-Zip (utilisé pour plusieurs Chrome)
      • Arrêtez le système via l'OS invité (WinXP).
      • Paramètres de VirtualBox : connectez le VM à un réseau réel.
        (Seul Internet Explorer requiert Internet lors de l'installation)
      • Facultatif: Créez un instantané de votre machine virtuelle afin de pouvoir le restaurer lorsque vous vous trompez à l'étape suivante.
  • Windows 7+ (pour IE9 +)
    • Téléchargez des images de machine virtuelle prédéfinies à partir du site Web modern.IE .
      Ces images sont bombardées, elles expirent 30 jours après la première utilisation. Une fois les images 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.
      Dans VirtualBox, par exemple, vous pouvez utiliser VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000 pour régler l’heure à 1000 heures dans l’avenir (utilisez la touche moins si vous souhaitez l’établir à un moment donné dans le passé).
  • Téléchargements de navigateurs

Télécharger le résumé

Pour plus de commodité, il est judicieux d’avoir tous les fichiers d’installation dans le dossier partagé. Voici une brève liste (complète) de tous les fichiers nécessaires (classés par étape):

3. Sandboxie

Sandboxie est un outil léger qui exécute des applications dans un sandbox. Il peut également être utilisé pour installer plusieurs versions de IE/Safari sur une seule machine Windows.

  • Télécharger : http://sandboxie.com/index.php?DownloadSandboxie
  • Patch : la version étendue est requise pour activer plusieurs sandbox à la fois. . Payez eux ou visitez YouTube .
    L'exécution simultanée de plusieurs versions d'IE/Safari nécessite la version étendue. Si le fait de tester une version d'IE/Safari à la fois ne vous dérange pas, la version standard suffit.

    Post-installation:
  • Désactiver les astuces : "Configurer> Astuces> Masquer toutes les astuces"
  • Par défaut, une bordure jaune apparaît autour des applications en mode bac à sable. Si vous n'aimez pas cela, allez à Configurez la base : "Sandbox> DefaultBox> Paramètres du bac à sable> Apparence".

    Pour chaque nouvelle version d'IE/Safari, vous devez suivre les étapes suivantes:
  • Créer : "Bac à sable> Créer un bac à sable" - Entrez un nom, par exemple "IE8" et confirmez.
  • Installer : "IE8> Exécuter en bac à sable> Exécuter n'importe quel programme"
    Sélectionnez le programme d'installation souhaité et appuyez sur OK.
  • Raccourci : une fois l'installation terminée, utilisez "IE8> Explorer le contenu", localisez le fichier binaire et créez un raccourci sur le bureau pour accéder à l'application.

Toutes les modifications de fichier/registre en mode bac à sable sont enregistrées dans C:\Sandbox. Les applications de ce répertoire démarrent dans un sandbox par défaut. D'autres programmes peuvent facilement être démarrés dans un sandbox via le menu contextuel: "Exécuter Sandboxed" ou "Envoyer vers> Sandboxie> IE8".

Nettoyage à l'aide de CCleaner : exécutez CCleaner dans l'environnement principal, puis dans les sandbox individuels.

Accédez à: Part 2

101
Rob W

Contenu de la partie 2 (naviguez vers: partie 1 )

4. Internet Explorer
5. Firefox
6. Opéra
7. Chrome
8. Safari
9. Outils de développement (et raccourcis)
10. Temps d'installation et espace disque mesurés
• 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ésactiver la vérification pour: "Navigateur par défaut" et "mises à jour".
  • Activer les outils de développement

4. Internet Explorer

Windows 7 n'autorise pas l'exécution d'anciennes instances de IE mais voir note ci-dessous. C’est pourquoi une Win XP VM est nécessaire).

Internet Explorer ne pouvant pas être déclassé, commencez par la version la plus récente, puis effectuez une mise à niveau IE dans une Sandboxie séparée . Définissez les préférences dans la version la plus basse du navigateur avant la mise à niveau, de sorte que vous ne devez définir qu'une seule fois les préférences principales.

  • IE6 - Installé par défaut sous Windows XP
  • 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. Une fois les images 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 lancez 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 déconnectés pour IE6 (et même IE5.5) sont disponibles sur ce site .

Pour IE6 et IE7, le barre d'outils de développement d'Internet Explorer doit être installé. IE8 + a outils de développement F12 intégrés .

Configuration

  • Démarrez les paramètres IE6: page d'accueil, sécurité, cookies, navigateur par défaut.
  • IE7: Supprimez la première page d'exécution via le registre (IE7 Sandboxie). Voir ce message 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 .

En réalité, il est possible d’exécuter IE6 - 8 dans Windows 7 via la virtualisation d’application. VMWare ThinApp fonctionne très bien, mais l'installation prend beaucoup plus de temps, car vous devez capturer l'installation d'Internet Explorer. En outre, le progiciel est très coûteux (les keygens sont librement disponibles, mais contraires à l'éthique).

5. Firefox

Option 1 (paresseux) :
tilu Mozilla Firefox Collection . Cet outil contient des programmes d’installation pour toutes les versions de Firefox (plus de 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 simultanément.

  1. Télécharger officiel de Mozilla Gestionnaire de profils .
  2. Téléchargez les versions de Firefox appropriées depuis http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ . Des versions plus anciennes peuvent être trouvées à ftp.mozilla.org .
  3. 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").
  4. Extensions: démarrez la version la plus ancienne de Firefox et obtenez vos extensions préférées:
    • Firebug - Indispensable pour les anciennes versions de Firefox. Pas vraiment nécessaire pour les dernières versions de Firefox, qui ont un bel ensemble de outils de développement intégrés .
    • HttpFox - Un outil simple et efficace pour mesurer les requêtes HTTP.
    • Web Developer - Une barre d'outils extrêmement utile pour le développement Web. Sauve beaucoup de temps.
    • Console2 - Améliore la console intégrée (CtrlShift>J).
  5. Préférences: Tools > Options (Les fenêtres), Edit > Preferences (Linux)
    • Général: Page d'accueil
    • Sécurité: Désélectionnez tous les paramètres, à l'exception de "Avertissez-moi lorsque les sites tentent d'installer des modules complémentaires".
      (N'oubliez pas de visualiser 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 les rapports de crash: off
      • Mise à jour: Désactiver toutes les mises à jour
  6. Nettoyage: fermez tous les onglets, appuyez sur CtrlShiftDel et tout vérifier. Puis fermez Firefox.
  7. Firefox ' Gestionnaire de profils :
    screenshot
    • Dupliquez chaque profil via l’option Copy.
    • A dialogue capture d'écran s'ouvre. Choisissez un nom approprié (par exemple, Firefox 3.6) et une destination.
    • Utilisez le Firefox version _ option pour sélectionner la version par défaut de Firefox pour le profil.
    • Vérifiez également le Start new instance [-no-remote] box, pour autoriser plusieurs versions simultanées de Firefox.
  8. Finir
    • Utilisez le Start Firefox _ pour démarrer une instance de Firefox.
    • Laissez la vérification de compatibilité des modules complémentaires s'exécuter et mettre à jour si nécessaire.
    • Effacez le cache, l'historique, etc. en utilisant CtrlShiftDel.
    • 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. Au cours de l’installation, choisissez "Personnalisé" et un répertoire différent .
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 le même moteur JavaScript que Chrome.

7. Chrome

Chrome : Les installateurs autonomes peuvent être téléchargés à partir de Fichier Hippo .
Il est également possible d'exécuter plusieurs versions Chrome versions côte à côte.

Bien que Sandboxie puisse être utilisé, il est recommandé d'utiliser la méthode native suivante pour exécuter plusieurs versions côte à côte.

  1. Téléchargez la ou les versions souhaitées de Fichier Hippo .
  2. Créez un répertoire principal, par exemple. C:\Chrome\.
  3. Extrayez l'installateur (= sans installer ) à l'aide de 7-Zip par exemple.
    Après l'extraction, un chrome.7z l'archive est créée. Extrayez également ce fichier et descendez le Chrome-bin répertoire.
    Maintenant vous voyez chrome.exe et un répertoire comme 18.0.1025.45.
    Bouge toi chrome.exe à 18.0.1025.45, puis déplacez ce répertoire vers C:\Chrome. Les fichiers restants dans Chrome-bin peut être supprimé en toute sécurité.

  4. 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, par rapport à l'emplacement de chrome.exe. Vous auriez aussi pu utiliser --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 Chrome version, et dupliquez le profil utilisateur pour chaque Chrome version. Ancien Chrome refusent d'utiliser les profils utilisateur à partir de nouvelles versions.
    • --chrome-version=18.0.1025.45 • Emplacement des fichiers binaires:
      • L'emplacement (par exemple 18.0.1025.45) doit être le nom du répertoire:
      • Doit commencer et se terminer par un chiffre. 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 à chrome://settings/. Je change généralement la page d'accueil et les paramètres "Sous le capot".

Avec le lot de Chrome, il n’est pas pratique d’installer toutes les versions. J’ai créé un script VB qui automatise ces étapes. stockez les programmes d’installation, puis exécutez le script chaque fois que je dois tester une ancienne version de Chrome: https://Gist.github.com/Rob--W/2882558

8. Safari

Remarque: la prise en charge de Safari sous Windows a été arrêtée. La dernière version de Safari prise en charge sous Windows est la version 5.1.7. vous avez besoin d’un Mac ou d’un OS X VM pour tester vos sites dans les nouvelles versions de Safari.

Safari ne ne prend pas en charge nativement plusieurs versions ou profils d'utilisateurs 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 depuis Old Apps .

  • Téléchargez et installez Safari 5. .
  • Démarrez Safari, définissez vos préférences.
  • Créez un nouveau sandbox Sandboxie pour chaque installation supplémentaire .
    Il est important d'installer initialement la version la plus ancienne , afin que le profil de l'utilisateur puisse être adapté aux versions les 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 Apple Software Updater, via Control panel > Add/Remove software.

9. Outils de développement (et raccourcis)

10. Temps d'installation configuré et espace disque

  • La configuration de l'environnement de base prend 30 minutes .
  • L'installation de navigateurs ne nécessite pas beaucoup de temps.
  • Selon le nombre de navigateurs, leur configuration peut prendre un certain temps.

  • Configurer une WinXP VM avec les navigateurs listés dans ce guide + Opera 12 beta:
    • Taille de téléchargements: 585MB
    • 12 navigateurs
    • Temps utilisé: 1h09 heure (32 minutes pour arriver à IE)
    • Taille de l'appareil: 1.1G/taille importée: 2.2G.
    • Journal détaillé: http://Pastebin.com/R7WGPK99
  • Configuration d’une énorme WinXP VM pour des tests de compatibilité de navigateur détaillés:

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 nécessaire pour configurer une Sandboxie Sandbox (<1 minute).

11. Utilisation optimale

Une fois l’installation terminée, utilisez CCleaner pour nettoyer les fichiers indésirables, puis:

  • Exportez l'appliance (cette appliance peut être sauvegardée ailleurs comme sauvegarde).
  • Supprimer la machine virtuelle nouvellement créée
  • Importer l'appliance (ces étapes réduisent la taille du fichier de la machine virtuelle)
  • Créer un instantané (à utiliser comme point de contrôle)

Désormais, lorsque vous avez terminé de tester les pages Web, désactivez la machine virtuelle et choisissez "Restaurer l'instantané". Cela gardera votre VM rangé et rapide.

Turn off machine > Restore snapshot

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 peut être consulté sur l'invité via http://10.0.2.2:8888/, même lorsque l’hôte n’a pas de connexion Internet.

Pour cette raison, définissez http://10.0.2.2:8888/ car la page d'accueil est recommandée.

Cas d'utilisation possibles:

  • Testez une seule page.
  • Afficher automatiquement une certaine page, en fonction de l'agent d'utilisateur exposé (par exemple, par redirection).
  • Fiddling: créez un violon dans Chrome et testez-le dans Firefox.
  • Partagez du texte et des liens.

Tous les précédents peuvent facilement être implémentés sur un serveur simple (j'ai utilisé Node.js , par exemple).

60
Rob W

Juste pour faire de la publicité, Microsoft a récemment commencé à fournir un service gratuit appelé modern.IE:

modern.IE est une entreprise de mon Microsoft visant à faciliter les tests inter-navigateurs pour les navigateurs Internet Explorer. Microsoft a créé modern.IE pour fournir aux développeurs et aux concepteurs une suite d’outils facilitant les tests de IE).

Avec modern.IE, vous avez deux méthodes pour tester votre site Web dans IE. Tout d'abord, modern.IE vous offre trois mois d'utilisation gratuite du service de test de navigateur Web BrowserStack. Vous avez juste besoin d'un compte Facebook pour vous connecter et commencer à tester.

La deuxième méthode moderne.IE propose une image de virtualisation de chaque navigateur de IE 6 à IE 10, qui peut être exécutée sur un logiciel de virtualisation tel que VirtualBox, Virtual Lecteur PC, Hyper-V ou VMWare sous Windows, Mac ou Linux.

De plus, modern.IE fournit également un outil qui analyse votre page Web à la recherche des problèmes de codage courants et les répertorie pour que vous les corrigiez afin qu'ils s'affichent correctement dans toutes les versions IE.

Source: modern.IE - Navigateur croisé IE Testing Tools Suite

Remarque: L'article lié a été supprimé. Les liens vont maintenant à une Wayback Machine archive de la page.

11
Hirvesh