怎么快速定位js函数在哪个js文件中?

2013-03-16 09:41:00 +08:00
 andybest
例如源代码里包含:
<script src="static/js/1.js" type="text/javascript"></script>
<script src="static/js/2.js" type="text/javascript"></script>
<script src="static/js/3.js" type="text/javascript"></script>
<script src="static/js/4.js" type="text/javascript"></script>
<script src="static/js/5.js" type="text/javascript"></script>

<script type="text/javascript">update('user_1234');</script>

我想要找到定义update函数的代码,必须要打开1.js - 5.js挨个看
有没有什么方便的方法可以直接看到update函数在哪个文件中,或者直接能看到该函数定义的代码?
PS:在Chrome下
10321 次点击
所在节点    问与答
11 条回复
lanceli
2013-03-16 09:52:10 +08:00
在resource面板搜索或者断点
likexian
2013-03-16 09:56:31 +08:00
直接在chrome中输入函数名,不要(),例如 update会出来代码
likexian
2013-03-16 09:57:00 +08:00
直接在chrome console 中输入函数名,不要(),例如 update会出来代码
andybest
2013-03-16 10:02:35 +08:00
@likexian 感谢

有没有什么办法可以知道该函数定义在哪个js文件中呢?
momou
2013-03-16 10:23:35 +08:00
在Resources面板Ctrl +F:update
momou
2013-03-16 10:32:19 +08:00
Ctrl+Shift+F功能更强
cutehalo
2013-03-16 11:56:03 +08:00
一般都是在reources里面搜就能找着了
cutehalo
2013-03-16 11:56:27 +08:00
resource- -s被吃了
andy12530
2013-03-16 11:59:43 +08:00
vim和st2 中有个插件可以解决这个问题。
用快捷键可以找到一个函数的定义和调用位置。可以在不同文件中跳转。
名字忘记了,你搜一下吧
momou
2013-03-16 12:02:03 +08:00
@andy12530 st2可以直接搜索文件夹
andy12530
2013-03-16 15:39:41 +08:00
@momou @andybest
找到了,是这个插件,支持VIM和ST2 : ctags

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/63096

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX