如何在代码中找到方法的定义？

Question

好的，所以我最近有一个问题需要用旧代码（我没有写过的代码）解决。到目前为止，我已经解决了这个问题并撞到了另一堵墙。我怀疑代码中的某个方法存在问题，因此我需要查看此方法中的代码以确定这是否是问题所在，因为我正在完全手动调试。

问题是，我找不到该方法的定义。在同一目录中的任何文件中都找不到它。有谁知道我如何寻找方法。它显然在某个地方，因为没有它应用程序根本无法运行。

<div class="col-md-6" id="Invoice"><img src="<?php echo asset_url(); ?>images/loading.gif" width="15px" onload="AlertTest('Invoice','<?php echo $FI; ?>')"></div>

就是我要找的AlertTest()

注意：在 VS 中突出显示和选择 'Go to definition' 不起作用，因为有 'no definition found for AlertTest()' :/

Answer 1

此 AlertTest 函数是 Javascript 函数，而不是 php 函数。您的浏览器在 Javascript 中调用它。您向我们展示的 php 代码只是将函数调用写入浏览器网页。它没有 运行 功能。

AlertTest() 不是浏览器的 Javascript 引擎提供的标准函数。这意味着它是在您的网站随每个页面发送给浏览器的 Javascript 代码中的某处定义的，或者在您的页面从内容分发网络或其他地方加载的代码中定义的。

这是找到它的方法。

1. 显示页面。
2. Right-click 在该 Invoice 元素上并选择 Inspect。您将在浏览器的开发工具面板中看到该页面的 HTML。
3. 查找对 AlertTest() 的调用。您可以使用 ctrl-f.
在 HTML 中搜索
4. 找到它后，right-click 并选择“在边栏中显示”。 devtools 将突出显示定义函数的文件。
5. 单击边栏中突出显示的文件名，然后瞧瞧。

然后您必须在源代码中查找该文件。如果您右键单击边栏中的文件名，您可以选择在新文件中打开 Window 或复制 Link 地址。

专业提示：你花在弄清楚如何使用浏览器的 devtools 功能上的每个小时都会为你在弄清楚网页如何工作时节省数十个小时。