Test local avec BrowserStack – Perficient Blogs

Lorsque vous cherchez à tester un site Web sur des appareils à l’aide de BrowserStack et que vous devez vous connecter via le VPN, ce guide vous montre comment configurer le test local avec BrowserStack Live.

Si vous utilisez Chrome ou Firefox pour visiter BrowserStack Live pour la première fois, vous verrez une invite. Cela vous guidera à travers la configuration de base des tests locaux pour votre environnement.

Démarrez une session et recherchez l’indicateur vert sur l’icône « Test local » dans le dock de la barre d’outils pour vérifier si vous avez déjà activé le test local sur les sessions en direct.

Si l’indicateur de test local est rouge, ou si vous utilisez le test local avec Live sur un autre navigateur/système d’exploitation, vous pouvez configurer le test local pour vos sessions Live en suivant les étapes ci-dessous.

Activer les tests locaux

Sélectionnez le système d’exploitation et le navigateur que vous utilisez pour accéder à BrowserStack Live. Suivez ensuite les instructions de configuration.

Avertissement: Il s’agit du système d’exploitation et du navigateur que vous utilisez pour accéder à BrowserStack Live, et NON du navigateur que vous ouvrirez et testerez avec Live.

Windows : Chrome et Firefox :

Rechercher le BrowserStack Local application sur votre machine. Les tests locaux seront activés pour vos sessions en direct si l’application est installée. Aucune configuration supplémentaire n’est requise.

Si vous n’avez pas l’application BrowserStack Local sur votre machine, téléchargez le Application BrowserstackLocal (pour Windows). Démarrez l’application et vous verrez l’écran suivant :

Cela active les tests locaux. Démarrez une session en direct et recherchez un indicateur vert sur le Tests locaux icône dans le dock de la barre d’outils.

Pour résoudre toutes les requêtes vers des URL locales via votre machine, cliquez sur l’icône Local Testing et cochez la case Résoudre toutes les URL via mon réseau option.

Par exemple, supposons qu’il existe une URL telle que abc.com, qui est limitée à votre réseau, ou que vous ayez une entrée /etc/hosts pour le mappage abc.com vers localhost ou un serveur/environnement interne. Dans ce cas, cette option résoudra toutes les requêtes abc.com provenant d’un navigateur/appareil mobile distant via votre ordinateur.

Windows : autres navigateurs :

Tout d’abord, téléchargez le binaire BrowserStack Local pour Windows.

Remarque : Remarque : Les liens de téléchargement sont sécurisés. Les binaires sont signés numériquement, identifiant l’éditeur comme BrowserStack Ltd.

Décompressez le fichier dans un dossier/répertoire sur votre ordinateur, ouvrez l’interface de ligne de commande et accédez au dossier binaire local. Exécutez le binaire local à l’aide de la commande suivante :

BrowserStackLocal.exe –clé 5TgiLFAhuYxXRdrQScWR

Cela active les tests locaux pour vos sessions en direct, ainsi que les captures d’écran. Pour vérifier, démarrez une session en direct sur votre navigateur et recherchez Tests locaux dans le dock de la barre d’outils. L’icône verte/rouge indiquera si le test local pour votre session est activé/désactivé.

Pour résoudre toutes les requêtes vers des URL locales via votre ordinateur, établissez la connexion de test local avec un indicateur –force-local, comme suit :

BrowserStackLocal.exe –clé 5TgiLFAhuYxXRdrQScWR –force-local

Par exemple, s’il existe une URL telle que abc.com qui est limitée à votre réseau ou si vous avez une entrée /etc/hosts pour le mappage abc.com vers localhost ou un serveur/environnement interne, cette option résoudra toutes les requêtes abc.com de navigateur distant/appareil mobile via votre machine.

Remarque : reportez-vous à notre liste complète d’indicateurs pour configurer les tests locaux pour d’autres environnements/configurations réseau. Pour la configuration des tests locaux dans les configurations réseau courantes, passez à la section suivante : Utiliser les tests locaux avec Live.

macOS : Chrome et Firefox :

Rechercher le BrowserStack Local application sur votre machine. Les tests locaux seront activés pour vos sessions en direct si l’application est installée. Aucune configuration supplémentaire n’est requise.

Si vous n’avez pas l’application BrowserStack Local sur votre machine, téléchargez le Application BrowserstackLocal (pour macOS / OS X). Cliquez sur BrowserstackLocal.dmg et faites-le glisser dans le dossier Applications. Démarrez l’application et vous verrez l’écran suivant :

Cela active les tests locaux. Démarrez une session en direct et recherchez un indicateur vert sur le Tests locaux icône dans le dock de la barre d’outils.

Pour résoudre toutes les requêtes vers des URL locales via votre machine, cliquez sur l’icône Local Testing et cochez Résoudre toutes les URL via mon réseau option.

Par exemple, s’il existe une URL telle que abc.com qui est limitée à votre réseau ou si vous avez une entrée /etc/hosts pour le mappage abc.com vers localhost ou un serveur/environnement interne, cette option résoudra toutes les requêtes abc.com de navigateur distant/appareil mobile via votre machine.

Mac OS : D’autres navigateurs:

Tout d’abord, téléchargez le BrowserStack Local binaire pour macOS / OS X.

Noter: Remarque : Les liens de téléchargement sont sécurisés. Les binaires sont signés numériquement, identifiant l’éditeur comme BrowserStack Ltd.

Décompressez le fichier dans un dossier/répertoire sur votre ordinateur, ouvrez l’interface de ligne de commande et accédez au dossier binaire local. Exécutez le binaire local à l’aide de la commande suivante :

./BrowserStackLocal – clé 5TgiLFAhuYxXRdrQScWR

Cela active les tests locaux pour vos sessions en direct, ainsi que les captures d’écran. Pour vérifier, démarrez une session en direct sur votre navigateur et recherchez Tests locaux dans le dock de la barre d’outils. L’icône verte/rouge indiquera si le test local pour votre session est activé/désactivé.

Pour résoudre toutes les requêtes vers des URL locales via votre ordinateur, établissez la connexion de test local avec un indicateur –force-local, comme suit :

./BrowserStackLocal –clé 5TgiLFAhuYxXRdrQScWR –force-local

Par exemple, s’il existe une URL telle que abc.com qui est limitée à votre réseau ou si vous avez une entrée /etc/hosts pour le mappage abc.com vers localhost ou un serveur/environnement interne, cette option résoudra toutes les requêtes abc.com de navigateur distant/appareil mobile via votre machine.

Remarque : reportez-vous à notre liste complète d’indicateurs pour configurer les tests locaux pour d’autres environnements/configurations réseau. Pour la configuration des tests locaux dans les configurations réseau courantes, passez à la section suivante : Utiliser les tests locaux avec Live.

Linux :

Tout d’abord, téléchargez le binaire BrowserStack Local approprié pour votre système : Linux 32 bits | Linux 64 bits

Noter: Remarque : Les liens de téléchargement sont sécurisés. Les binaires sont signés numériquement, identifiant l’éditeur comme BrowserStack Ltd.

Décompressez le fichier dans un dossier/répertoire sur votre ordinateur, ouvrez l’interface de ligne de commande et accédez au dossier binaire local. Exécutez le binaire local à l’aide de la commande suivante :

./BrowserStackLocal – clé 5TgiLFAhuYxXRdrQScWR

Cela active les tests locaux pour vos sessions en direct, ainsi que les captures d’écran. Pour vérifier, démarrez une session en direct sur votre navigateur et recherchez Tests locaux dans le dock de la barre d’outils. L’icône verte/rouge indiquera si le test local pour votre session est activé/désactivé.

Pour résoudre toutes les requêtes vers des URL locales via votre ordinateur, établissez la connexion de test local avec un indicateur –force-local, comme suit :

./BrowserStackLocal –clé 5TgiLFAhuYxXRdrQScWR –force-local

Par exemple, s’il existe une URL telle que abc.com qui est limitée à votre réseau ou si vous avez une entrée /etc/hosts pour le mappage abc.com vers localhost ou un serveur/environnement interne, cette option résoudra toutes les requêtes abc.com de navigateur distant/appareil mobile via votre machine.

Noter: Pour configurer les tests locaux pour d’autres environnements/configurations réseau, reportez-vous à notre liste complète des drapeaux. Pour la configuration des tests locaux dans les configurations réseau courantes, passez à la section suivante : Utiliser les tests locaux avec Live.

Déconnexion des tests locaux

La connexion de test local est persistante. Essentiellement, votre machine et BrowserStack Cloud restent connectés sauf si :

• Vous mettez explicitement fin à la connexion (par exemple, lors de l’utilisation du binaire)
• Vous fermez la fenêtre du navigateur
• Vous vous déconnectez de votre compte BrowserStack.

Même si vous fermez accidentellement l’onglet du navigateur, vous pouvez reprendre le test local lors de sa réouverture.

Pour plus de détails, vous pouvez consulter : https://www.browserstack.com/docs/live/local-testing