Chrome开发者工具 - 在Javascript中查找匹配的名称或ID属性？

Question

当我在Chrome浏览器上突出显示输入，然后点击＆＃34; Inspect Element＆＃34;从右键菜单中选择Chrome Developer Tools。

假设Chrome开发者工具中会显示：

<input type="radio" name="lineType_phone" id="lineType_new" value="new">

当我点击输入时，会出现隐藏的div。我想看看它是如何用JavaScript编码的。

有没有办法在任何JavaScript文件中搜索name="lineType_phone"或id="lineType_new"或调试此属性/输入的点击事件？

Answer 1

查找文件可能无法解决您的问题。由于有时文件被缩小或者事件使用了大量变量，这意味着搜索name="lineType_phone"可能没有帮助。

如何搜索绑定到元素的事件？

下面的代码将显示绑定到元素本身的事件

$._data( $("#myElement")[0], "events" ); //don't forget to get the first elem of array

但是，通过委派添加了一些事件。这意味着事件可能绑定到父DOM元素。如果是这种情况，请尝试在父母身上查找事件：

$._data( $("#myElement").parent()[0], "events" );

Answer 2

首先，你需要确保它在javascript中。

某些css3属性可以执行：hover {display：block}效果。

其次，在“来源”标签中，点击右上角的“抽屉”按钮（大多数左边有3个右角形按钮）。 然后在下面的部分中有搜索选项卡，我相信你可以对所有的javascript脚本进行“全文”搜索。

Answer 3

当您在来源标签中查看Javascript文件时，您可以使用 Ctl-f 来搜索字符串。但我认为没有办法一次搜索所有脚本文件。你必须分别做每一个。