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 来搜索一个字符串。不过,我认为没有办法一次搜索所有脚本文件。你必须分别做每一个。
当我在 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 个右角按钮之一)。
当您在 Source 选项卡中查看 Javascript 文件时,您可以使用 Ctl-f 来搜索一个字符串。不过,我认为没有办法一次搜索所有脚本文件。你必须分别做每一个。