如何找到网站的哪个部分与新浏览器不兼容？

Question

我的任务是修复一个非常古老的网站（.net aspx vb）。该网站目前在IE8，Firefox，Chrome中运行不佳。菜单显示有趣，一些图像不正确，在Chrome中，包含菜单的所有标题都缺失。

我不是一个vb家伙，我不知道从哪里开始寻找。

网站在新浏览器中开始失败的最常见部分是什么？什么工具可以帮我修复这个网站？

感谢您的帮助。

Answer 1

JavaScript，HTML和CSS是导致浏览器问题的原因，而不是VB。 VB.NET代码全部在服务器上执行，并生成HTML作为其输出，并将其发送到要呈现的浏览器。如果网站看起来不对，很可能是HTML和CSS。如果它表现得很奇怪（或根本没有），问题可能就是JavaScript。

说实话，我还没有找到一个很好的单一资源来学习如何“做”跨浏览器开发。它通常似乎只是学习HTML和CSS，并通过经验找出在各种浏览器中有效和无效的问题。每当您遇到个别问题时，某个特定事物在单个浏览器中无法按预期运行，您几乎总是可以通过谷歌查找并找到解决该特定问题的博客文章或网站，但没有什么真正广泛的。

Answer 2

VB在这里没有错，因为你的问题出在页面的标记和样式中。

您需要弄清楚导致细分的样式（它有助于确保HTML之前有效）。在IE 8中，您可以使用其可以通过F12访问的开发人员工具，您可以在其中玩游戏并隔离可能的罪魁祸首。 Chrome中的“Inspect element”上下文菜单条目就相同。在Firefox中，你可以使用DOM Inspector（包括，如果我没记错的话）或Firebug。

Answer 3

加载页面时检查错误。 W3C是一个很好的资源来查找创建错误的每个属性/函数的兼容性（主要是在Javascript / CSS / HTML中）。是的，你需要知道项目中的VB控制流程。

Answer 4

现有代码是否包含CSS（层叠样式表）？如果你说的很旧，可能会使用表来布置项目。

这是我在开发任何html网站时发现的主要问题 - 正确地解决了CSS问题。

Answer 5

1. 在firefox中安装firebug。
2. 在firefox中加载网站，修复您在firebug控制台上遇到的任何错误。与其他浏览器相比，IE中的事件处理完全不同。
3. 通过html验证程序运行该网站。 firefox有几个验证器扩展。验证网站在其他浏览器上破解的可能性要小得多。
4. 最后，通过使用firebug的html面板检查格式不正确的元素并调整它们来修复布局中的视觉不一致。