HTML事件中的Chrome调试javascript [重复]

Posted 2023-03-07

【中文标题】HTML事件中的Chrome调试javascript [重复]

【英文标题】：Chrome debug javascript in HTML event [duplicate]

【发布时间】：2015-01-01 09:08:10

【问题描述】：

我使用带有一些 javascript 函数的模板 html，但不知道处理 javascript 的位置。

请帮帮我。

<onclick="moveIconClick()"></>（我可以看到它运行但不知道这个函数在哪里）

谢谢，我在 javascript 文件中搜索了这个函数并找到了这个。

【问题讨论】：

在所有js文件中搜索函数名“moveIconClick”即可。

它可能在外部 JS 中

如果您知道函数名称，并且只想找到它的定义位置，那么您可以按照@Tyler.z.yang 的建议在 devtools 中搜索源代码，但您当然也有能力您的编辑器或 IDE 来搜索多个文件。

【参考方案1】：

使用此快捷方式可以帮助您找出 chrome 中的字符串

在窗口中：

Ctrl + Shift + F

或在 mac 中：

CMD + 选项 + F

然后输入 moveIconClick 会帮你的。

这是一个相关的答案："How to search all loaded scripts in Chrome Developer Tools?" 最后一个答案。 :)

【讨论】：

我能知道为什么让我失望吗？

它找到的是字符串而不是函数

然后你会知道你的功能在哪里。我曾经用它来找到我的另一个人的功能。它有效！ @reenleedr

Okey chill.. 我知道它有效.. 但它找不到找到单词的功能

我的错。我会改变我的答案。 @reenleedr

【参考方案2】：

如果您使用的是 chrome，请按 Ctrl + Shift + i，然后在网络检查器中按 Ctrl + Shift + i。 搜索moveIconClick，会显示结果。点击Esc 将关闭搜索控制台。 或在任何浏览器中右键单击并选择“检查元素”将为您提供网络检查器。 在那里你可以搜索任何文本。如果要调试事件，可以在检查器的“源”选项卡中放置断点。

【参考方案3】：

出于调试目的，您可以使用 Chrome 控制台并在其上打印您需要的内容。 此外，如果您访问资源，您可以找到该模板当前使用的脚本。

【参考方案4】：

这可能不被视为答案，但这是您想知道的：

您需要查看页面的源代码。该函数可以直接写在 html 页面中，也可以从另一个 js 文件中导入，这通常在页面的 head 部分完成。

阅读更多关于“如何在 html 中使用 js”

【讨论】：

承认这确实是一个很好的答案。抱歉已删除我的评论。

@TomRedfern 哈哈不是问题人