Comment trouver la section d'un site Web qui n'est pas compatible avec les nouveaux navigateurs?

Question

J'ai été chargé de réparer un site web très ancien (.net aspx vb). Le site ne fonctionne pas bien actuellement dans IE8, Firefox, Chrome. Les menus sont amusants et certaines images ne sont pas correctes, et dans Chrome l'en-tête complet avec les menus et tout est manquant. Je ne suis pas un gars vb, et je ne sais pas par où commencer à chercher.

Quelle sera la section la plus courante qu'un site Web commencera à échouer dans les nouveaux navigateurs? Quel outil peut m'aider à réparer ce site?

Merci pour votre aide.

Answer 1

JavaScript, HTML et CSS sont ce qui causent des problèmes de navigateur, pas VB. Le code VB.NET est exécuté sur le serveur et génère du code HTML en tant que sortie, qui est envoyée au navigateur pour être rendue. Si le site semble faux, il est probable que le HTML et CSS. S'il se comporte bizarrement (ou pas du tout), le problème est probablement JavaScript.

Pour être tout à fait honnête, je n'ai pas encore trouvé une seule ressource pour apprendre à «faire» le développement de plusieurs navigateurs. Il semble généralement s'agir simplement d'apprendre le HTML et le CSS, et de découvrir ce qui fonctionne et ce qui ne fonctionne pas dans les différents navigateurs par expérience. Chaque fois que vous rencontrez un problème particulier où une chose spécifique ne fonctionne pas comme prévu dans un seul navigateur, vous pouvez presque toujours le trouver sur Google et trouver un article de blog ou un site qui aborde ce problème spécifique, mais rien de très large.

Answer 2

VB n'est pas en faute ici, car votre problème se situe quelque part dans le balisage et les styles de la page.

Vous devez déterminer les styles qui causent la panne (cela aide à s'assurer que le code HTML est valide avant). Dans IE 8, vous pouvez utiliser ses outils de développement qui peuvent être consultés avec F12, où vous pouvez jouer et isoler les coupables possibles. L'entrée de menu contextuel "Inspecter l'élément" dans Chrome est équivalente. Dans Firefox, vous pouvez utiliser l'inspecteur DOM (qui est inclus, si je me souviens bien) ou Firebug.

Answer 3

Sur le chargement de votre page, recherchez les erreurs. W3C est une bonne source pour trouver la compatibilité de chaque propriété/fonction qui crée une erreur (principalement en Javascript/CSS/HTML). Et oui, vous devez connaître le flux de contrôle VB dans votre projet.

Answer 4

Le code existant inclut-il même des CSS (Cascading Style Sheets)? Si vous parlez assez vieux, il pourrait utiliser des tableaux pour mettre en page les éléments.

C'est le problème principal que je trouve dans le développement de tout site Web html - obtenir la baisse correcte du CSS.

Answer 5

1. Installez firebug dans firefox.
2. Chargez le site dans firefox, corrigez les erreurs que vous obtenez sur la console de firebug. En particulier la gestion des événements est fait complètement différent dans IE par rapport aux autres navigateurs.
3. Exécutez le site via un validateur HTML. Il existe plusieurs extensions de validateur pour Firefox. Un site de validation est beaucoup moins susceptible de se briser sur d'autres navigateurs.
4. Enfin, corrigez les incohérences visuelles dans la mise en page en inspectant les éléments au format incorrect avec le panneau html de firebug et en les peaufinant.