如何从哪个文件中查找jquery或javascript事件?

时间:2015-02-19 04:33:56

标签: javascript php jquery html html5

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/file1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/file2.js"></script>
<script type="text/javascript" src="http://code.jquery.com/file3.js"></script>
<script type="text/javascript" src="http://code.jquery.com/file4.js"></script><script type="text/javascript" src="http://code.jquery.com/file5.js"></script>

我有100个或更多js文件警报消息来自任何地方,我该如何隐藏和查找?

2 个答案:

答案 0 :(得分:0)

假设你有这个

文件1:

         $(element).bind("click", function(){
              console.dir('button in some file', this);
         });

文件2:

           $(element).bind("click", function(){
                console.dir('button in another file', this);
           });

如果你点击并检查你的控制台,你应该有这样的东西

button in some file html elememt .... file1.js:15
button in another file html elememt .... file2.js:20

答案 1 :(得分:0)

我认为没有直接的方法。一种可能的方法是使用检查工具或任何事件 可视化插件。

在您的情况下,您可以使用警报消息上的当前页面名称来识别页面。

    var script_name = document.getElementsByTagName("script")[0].src;
    alert( 'alert message from the file ' + script_name );

但我不认为这是一个好方法。我建议使用视觉事件

等工具

http://www.sprymedia.co.uk/article/Visual+Event+2

google chrome插件也可用

http://tinyurl.com/a5hcod2