如何调试遗留的javascript代码(适用于IE，但在Google Chrome中不正常）

how to debug legacy javascript code (works fine with IE, but abnormal in Google Chrome)

本文关键字：IE 但在 Google Chrome 不正常 适用于 javascript 调试 何调试 代码      更新时间：2023-09-26

通常的问题是"当遗留javascript代码在IE中运行良好，但在Google Chrome中异常时，建议使用什么例程来调试遗留javascript代码"？

我有一个遗留项目。我遇到了以下问题：

  1. JSP页面调用后端javaservlet，servlet返回一个html表
  2. 这个HTML表已经由servlet进行了排序
  3. 这个HTML表受到本地JS和CSS的影响，使其更加美观
  4. 在IE8、Safari和Firefox中一切运行良好
  5. 但在谷歌浏览器中，该表似乎不正常。此处不再对结果进行排序

以上情况不是javascript语法错误。那么如何&我从哪里开始解决它？

为了得到servlet返回的html表，您应该使用alert()、console.log()或将其设置为<div id="log"></div>的innerHTML。然后，每次js的指令修改其代码时，都要重新执行。

通过这种方式，你会发现你的代码中的哪条指令在Chrome上没有像你期望的那样工作，找出它为什么以及如何工作。

然后，根据浏览器的不同，使用条件语句执行不同的指令。

使用Google Chrome中的开发工具。在操作之前添加断点，并将涉及的变量添加到watch expression面板。逐行调试并观察变量的变化——您将能够看到哪里出了问题。方法如下：https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints

相关文章：