javascript - Quelqu'un a-t-il une meilleure solution de débogage compatible avec tous les navigateurs? Pourriez-vous s'il vous plaît me parler de vos idées de débogage actuelles ?

Question

Lorsque l'entreprise fait des demandes, elle doit être compatible avec les versions inférieures des navigateurs, comme IE8, en raison des besoins des clients ou du marché. Comment gérez-vous les problèmes de compatibilité dans votre travail quotidien ?

Permettez-moi de parler de ma solution actuelle, et j'espère également que chacun pourra trouver ses propres solutions.

Version PC (je n'ai pas beaucoup d'expérience avec H5, je peux vous dire si vous avez une bonne solution de débogage) :

Firefox和Chrome本身问题倒不大，而且调试起来比较方便，问题一般不大，主要是IE.

Système Windows

1. Utilisez une version inférieure d'IE, win10可能不支持，另外自带的调试工具，用起来真的反人类，毕竟是好几年前的产物了。有时候调请求，还不如用fiddler.

2. Le navigateur utilise IE11 (l'option d'émulation des outils de développement intégrés peut simuler les navigateurs IE7-11. De manière générale, ce n'est pas grave, car les propres outils de développement sont relativement nouveaux et il est plus pratique de déboguer, mais il y aura be some css Le problème avec js est que le mode de simulation n'est pas cohérent avec l'effet réel)

3. Utilisez IETest. Pour être honnête, je pense que cet outil est vraiment difficile à utiliser. L'outil de débogage est aussi vieux que 1. C'est bien d'examiner les problèmes de style, mais c'est fatiguant de déboguer les erreurs js et ainsi de suite.

Système de type Linux

Pour cet IE, vous devrez peut-être exécuter une machine virtuelle, puis lorsque vous exécutez la machine virtuelle, vous rencontrez le même problème que ci-dessus Window系统.

Tests cloud totaux

Celui-ci a bowserstack (prend en charge le débogage local, nécessite l'installation du plug-in Chrome), etc. Ces frais sont un peu chers, environ 29$/mois, et cela semble être pour une personne. Il prend en charge la plupart des navigateurs, mais la vitesse est relativement lente, mais cela reste une solution décente.

Tests cloud privé

Il semble que lorsque je suis allé à une conférence auparavant, quelqu'un a dit que s'il s'agit d'un cloud privé, le premier est rapide et le second est une meilleure personnalisation.

Actuellement, je préfère utiliser 私有云测试, mais je ne sais pas s'il existe une meilleure solution open source.

Bienvenue à tous pour émettre des avis et discuter ensemble, merci à tous~

Answer 1

Personnellement, je pense que l'idée ci-dessus est fausse Après avoir clarifié les exigences de compatibilité, ces problèmes de compatibilité doivent être pris en compte lors du développement. Au lieu de tester, découvrir, déboguer et résoudre ces problèmes une fois que tout est fait normalement.

S'il est déterminé qu'il doit être compatible avec IE8, certains problèmes courants doivent être résolus pendant le développement. Par exemple :

• Il n'y a pas de JOSN sous l'objet window d'IE8, vous devez donc utiliser la bibliothèque JSON.

• Dans de nombreux cas sous IE8, le redessinage ne se produira pas et doit être traité séparément.

• Méthode d'écriture compatible pour la liaison d'événements sous IE8.

• IE89 n'a pas d'objet console lorsque la console n'est pas ouverte, donc le code de débogage de la console ne peut pas exister dans le code final.

• IE8 ne prend fondamentalement pas en charge CSS3, et IE9 ne prend en charge que partiellement certaines solutions de rétrogradation de style.

• . . .

Effacer les exigences de compatibilité avant le développement et gérer les problèmes de compatibilité correspondants pendant le développement. Une fois le produit final terminé, effectuez simplement un test fonctionnel sur le navigateur correspondant normalement. Il n’y a pratiquement aucun problème de compatibilité.

Les produits de l'entreprise pour laquelle je travaille sont tous compatibles avec IE8, et certains sont même compatibles avec IE7. J'ai toujours utilisé ce format. Pour certains effets qui ne peuvent pas être obtenus, communiquez directement avec les clients pour leur dire que les navigateurs de version inférieure garantissent uniquement la compatibilité des fonctions et des styles, et ne peuvent pas obtenir les mêmes effets que les navigateurs de version supérieure.

Quel que soit l'outil de test, une fois qu'un problème est découvert, il finira par être résolu. La meilleure façon de le résoudre ne devrait-elle pas être de le résoudre à la source ? Comme vous l'avez dit, avec les versions inférieures d'IE, le débogage est soit impossible, soit anti-humain.

Je recommande un outil : F2ETEST d'Alibaba, qui est plus difficile à déployer, mais a de bonnes fonctionnalités et est facile à utiliser.

Enfin, si l'entreprise a accumulé une certaine expérience, vous constaterez que ce n'est pas seulement IE qui doit être compatible. Chrome et Firefox ont également quelques problèmes, mais ils sont relativement moins nombreux.