Jquery 当Chrome开发者工具没有';我一个也没拿出来

Jquery 当Chrome开发者工具没有';我一个也没拿出来,jquery,google-chrome-devtools,Jquery,Google Chrome Devtools,我一直在学习如何使用Chrome开发者工具(CDT)进行调试 我正在尝试向用HTML/Javascript/jQuery/MySQL编写的应用程序添加一些功能。基本上,它使用jQuery从MySQL加载一个Ajax创建的表,同时检查cookie中表示要打开或关闭的列的数字列表 第一次加载时,它检查cookie并尽职尽责地加载请求的列。但当我刷新表(不是重新加载页面)并再次读取cookie时,它会立即显示列,但随后会立即再次关闭它们 使用CDT浏览javascript会让我从代码中走出来,进入jq

我一直在学习如何使用Chrome开发者工具(CDT)进行调试

我正在尝试向用HTML/Javascript/jQuery/MySQL编写的应用程序添加一些功能。基本上,它使用jQuery从MySQL加载一个Ajax创建的表,同时检查cookie中表示要打开或关闭的列的数字列表

第一次加载时,它检查cookie并尽职尽责地加载请求的列。但当我刷新表(不是重新加载页面)并再次读取cookie时,它会立即显示列,但随后会立即再次关闭它们

使用CDT浏览javascript会让我从代码中走出来,进入jqueryv3.3.1,在开始//callback的那一行,或者在未压缩版本的第9523行。经过一点跳跃后,它停止了,我的页面显示出来,没有额外的列。但CDT中并没有显示错误,在我看来它并没有“看起来”错误

我知道很多人想要的第一件事是javascript,但它是一个相当大的程序,所以我不知道如何提供一个非工作的,工作的模型,如果你明白了。此外,我更感兴趣的是学习使用CDT来解决这样的问题。但我不知道下一步该怎么办,我看了很多YouTube视频,我问了一些朋友,但这些都没有多大帮助

现在看来,在jQuery-3.3.1.js中第9548行的回调函数的“完成”部分出现了它“闪烁”的问题。通过评论来孤立它会让事情变得更糟,似乎什么都不管用。我又回到原点了


我应该在CDT中查看什么?如果您有代码库,请尝试使用
调试器您希望将断点放在JavaScript调试的位置。

如果您有代码库,请尝试使用
调试器您希望将断点放在JavaScript调试的位置。

既然您对了解如何使用CDT调试DOM中的js/html/css问题感兴趣,我的回答将重点放在这一点上,而不是您的确切问题可能是什么或可能不是什么。请注意,DOM中的显示问题不是通常出现在浏览器控制台中的错误,这是CDT调试的最佳候选

CDT中一个非常有用的技术是使用
中断…
功能。我将向您介绍如何使用它,以及如何利用它来诊断您的特定问题。我将要报道的其他信息可能会被找到

  • 右键直接单击页面上正在消失的元素,然后单击
    Inspect
  • 启动数据库刷新,这会导致表消失,同时还要注意dev工具中打开的树
  • 注意DOM如何因上述操作而改变;哪些元素发生了更改,以及如何更改。要问的问题是:“是否隐藏了元素?”,“是否删除了元素?”。通常,更改DOM树时,CDT将以紫色简要突出显示更改
  • 如果更改是元素删除或添加,请尝试在DOM树中缩小对DOM进行更改的最低(最具体)父元素的范围。如果是属性修改(即
    显示:无
    可见性:隐藏
    等),请查找发生此更改的元素。您可能需要重复上述步骤几次,然后才能准确地了解更改
  • 刷新页面
  • 回到CDT DOM树中,右键单击步骤4中的元素,如果元素是父元素,则单击
    Break on…>子树修改
    。如果它是属性更改的结果元素,请右键单击此元素并选择
    Break on…>属性修改
  • 启动导致消失的数据库刷新。如果一切顺利,CDT应该抓住您的断点,并将您指向启动DOM更改的当前javascript函数。您还应该看到一个调用堆栈,它显示指向当前函数调用的函数调用链
  • 由于上面的步骤,您不会总是遇到非常有用的函数。您可以使用低级库函数(即jQuery.js)。在这种情况下,按照调用堆栈返回上一个用户编写的.js文件,并进行调查。这往往是罪魁祸首。否则,请按照概述的步骤继续单步执行代码,直到遇到可能的罪犯

  • 希望这些信息能为你指明正确的方向,祝你好运

    既然您想了解如何使用CDT调试DOM中的js/html/css问题,那么我的答案将集中于此,而不是您的确切问题可能是什么或可能不是什么。请注意,DOM中的显示问题不是通常出现在浏览器控制台中的错误,这是CDT调试的最佳候选

    CDT中一个非常有用的技术是使用
    中断…
    功能。我将向您介绍如何使用它,以及如何利用它来诊断您的特定问题。我将要报道的其他信息可能会被找到

  • 右键直接单击页面上正在消失的元素,然后单击
    Inspect
  • 启动数据库刷新,这会导致表消失,同时还要注意dev工具中打开的树
  • 注意DOM如何因上述操作而改变;哪些元素发生了更改,以及如何更改。要问的问题是:“是否隐藏了元素?”,“是否删除了元素?”。通常,更改DOM树时,CDT将以紫色简要突出显示更改
  • 如果更改是元素删除或添加,请尝试在DOM树中缩小对DOM进行更改的最低(最具体)父元素的范围。如果是a