Comment déboguer avec l’outil Whistle ?
📝 Installation en un clic
Consultez ce tutoriel d’installation de Whistle .
🖖 Comment déboguer les scénarios mobiles
Une fois l’environnement prêt, suivez ces étapes :
Étape 1 : Configurer le proxy réseau
-
Assurez-vous d’être sur le même réseau local, c’est-à-dire connecté au même WiFi.
-
Configurez le proxy WiFi : récupérez les informations de proxy ci-dessous et associez Server et Port.
Étape 2 : Installer le certificat
Installez correctement le certificat : cliquez sur « HTTPS » pour scanner le QR code, ou ouvrez le navigateur et visitez l’adresse « IP:Port » ci-dessus.
Android : entrée d’installation du certificat CA, recherchez « certificat »
iOS : entrée d’installation du certificat, « Profiles & Device Management »
Comment associer un proxy pour déboguer des applications ?
Ci-dessous, exemple de débogage de l’interface WebView de l’application TikTok
Configuration par défaut :
Ajouter un groupe Rules :
# Tout le trafic passe par le proxy local ; un VPN est requis ici
* socks://127.0.0.1:4781
# Configuration pour TikTok
disable://capture *.tiktok.com *.tiktokv.com *.byteoversea.com *.apple.com *.tiktokv.us *.us.tiktokv.com
# Trouver une entrée WebView, vérifier le Useragent du WebView actuel, exemples : « Settings and Privacy » / « Support » / « Help Center »
support.tiktok.com/ redirect://https://www.whatsmyua.info
# Rediriger pour exécuter le scénario métier
# support.tiktok.com/ redirect://https://www.xxx.com/xxxContenu affiché avant le proxy :
Page redirigée après un proxy réussi :
Comment intégrer des plugins d’outils de débogage de pages H5 comme vConsole, eruda, mdebug ?
Installer le plugin
npm i -g whistle.inspectConfigurer le plugin
www.baidu.com/ whistle.inspect://eruda
www.baidu.com/ whistle.inspect://vconsole
www.baidu.com/ whistle.inspect://mdebug
Dernière mise à jour