如何在一个巨大的JavaScript文档中快速定位所有影响CSS的JavaScript



我现在的处境是,我必须使用检查器工具分析网站的代码,并找到发生问题的根本原因。

发生的一件事是,代码中的CSS类被Javascript操纵。有20多个脚本链接到网站页面,还有一些代码是内联编写的。

我必须搜索所有的Javascript才能找到影响CSS类或CSS id的Jvascript,这需要我通过20多个不同的文档控制+F搜索。

有更有效的方法吗?

你对我应该如何解决这个问题有什么建议?

提前谢谢。

不幸的是,没有简单的方法。以下是您应该采取的步骤:

  1. 检查控制台。那里可能有一些信息
  2. 如果您没有找到任何内容,请执行以下步骤
  3. 右键单击页面并单击";查看源">
  4. 尝试使用Ctrl+F或Cmd+F查找所有脚本
  5. 在一个新的选项卡中打开所有脚本。当您检查其他脚本时,您应该将分析和其他脚本保存到最后
  6. 在这些脚本中,找到正在修改的类名或元素的名称,该代码可能是导致问题的原因

如果您使用的是Visual Studio代码,您可以使用Windows-Ctrl+SHIFT+F/Mac-Command+SHIFT+F组合键在所有文件中搜索要搜索的单词。

如果您使用浏览器进行搜索,当您打开DevTools时,请转到网络选项卡并单击搜索图标。您可以在左侧窗口的搜索框中键入所需单词进行搜索。

您想要一个类似于"grep";对于您正在工作的平台,有很多针对Windows的实现,当然还有unix/linux——它本身就存在于其中。不知道其他平台,但一个简单的谷歌"***"的grep;应该能帮助你。

Grep允许您在文件系统上的文本文档中搜索特定字符串。如果你知道regex:甚至更好。

在调试器中查找给您带来问题的代码/类,然后在文件系统中查找调用该类的字符串。Grep将返回带有该字符串的所有文件,并可能为您提供一些预览的选项

看看吧,祝你好运!!

最新更新