Chrome 开发人员工具 - 在 Javascript 中查找匹配的 Name 或 Id 属性?

Chrome Developer Tools - Find matching Name or Id attribute in Javascript?

当我在 Chrome 浏览器中突出显示输入,然后从右键单击菜单中单击 "Inspect Element" 时,将弹出 Chrome 开发人员工具。

假设在Chrome开发者工具中,会出现:

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

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

有没有办法在任何 JavaScript 文件中搜索 name="lineType_phone"id="lineType_new" 或为此 attributes/input 调试点击事件?

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

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

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

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

但是,有些事件是通过委托添加的。这意味着事件可能绑定到父 DOM 元素。如果是这种情况,请尝试像这样在父级上查找事件:

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

首先,您需要确保它在javascript。

一些 css3 属性可以实现 :hover {display:block} 效果。

其次,在 "source" 选项卡中,单击右上角的 "drawer" 按钮(最左边的 3 个右角按钮之一)。 然后在下面的部分有搜索选项卡,我相信你可以对所有 javascript 脚本进行 "full text" 搜索。

当您在 Source 选项卡中查看 Javascript 文件时,您可以使用 Ctl-f 来搜索一个字符串。不过,我认为没有办法一次搜索所有脚本文件。你必须分别做每一个。