跟踪在pagesource中找到的javascript

跟踪在pagesource中找到的javascript,javascript,php,html,debugging,sugarcrm,Javascript,Php,Html,Debugging,Sugarcrm,我想尽一切办法想弄明白这一点,但我无法在网页中跟踪一段javascript 所以,给你们一些背景知识,尽管我的问题与这个场景无关。这取决于更大的频谱 无论如何,我正在sugarCRM上开发,我正在尝试编辑日历模块中插槽的默认onclick行为(你不需要理解这一点来帮助我,所以请继续阅读)。当我单击插槽时,会打开一个模式对话框窗口,允许我记录会议或通话 所以我找到了背后的javascript。我使用了firebug和chrome,它们都给出了给定网页上使用的所有JS文件的列表 例如,我搜索“SUG

我想尽一切办法想弄明白这一点,但我无法在网页中跟踪一段javascript

所以,给你们一些背景知识,尽管我的问题与这个场景无关。这取决于更大的频谱

无论如何,我正在sugarCRM上开发,我正在尝试编辑日历模块中插槽的默认onclick行为(你不需要理解这一点来帮助我,所以请继续阅读)。当我单击插槽时,会打开一个模式对话框窗口,允许我记录会议或通话

所以我找到了背后的javascript。我使用了firebug和chrome,它们都给出了给定网页上使用的所有JS文件的列表 例如,我搜索“SUGAR.collection”,firebug告诉我它位于一个名为“SUGAR_field_grp.js?v=FVh1Z-v5nA6bYov7-aFFqQ”的文件中。我可以看到这段代码驻留在SUGAR_field_grp.js中, 但是我试图更改的代码位于“index.php?module=Calendar&action=index&parentTab=Activities”中,firebug实际上告诉我这是一个包含我想要更改的javascript的文件

我还可以右键单击“查看页面源代码”,在脚本标记中可以看到这段代码。因此,考虑到这段代码不在JS文件中,我无法更改它,它是在运行时生成的(我认为),但必须有一些源代码,必须有一个文件告诉sugarCRM生成这段代码

tl;dr如何追踪驻留在pagesource上的javascript代码,并且firebug或chrome save for index.php没有指定JS文件(该文件也没有该javascript)

我知道这是一个很长的帖子
感谢阅读

要使用Chrome/Webkit查找特定代码,请执行以下两个步骤:

客户端:

1。搜索所有静态文本源

  • 使用CTRL+SHIFT+I打开开发面板
  • 按CTRL+SHIFT+F可弹出全局搜索对话框
  • 在它旁边,您可以将JS代码的漂亮打印设置为on:button{}
  • 使用正则表达式输入搜索词
  • 可选:决定是否需要不区分大小写的搜索,该搜索具有更大的搜索空间,并且需要更长的时间 例如:

2。搜索动态用户DOM内容

  • 转到“元素”选项卡,点击CTRL+F
  • 输入搜索词(这还将搜索父DOM中的iFrame、svg等)
3。推荐:

  • 交叉参考步骤1的结果。第二步
  • 如果给定字符串同时存在于DOM和静态源中,则可以假定内容不是通过编程方式在客户端创建的
服务器:

  • 许多项目在内容交付之前执行媒体绑定步骤。它们将web资源打包到主文件(例如index.php)中以保存HTTP往返。
    使用/和/或在整个代码库中搜索显著的静态字符串或该静态字符串附近的显著关键字,以定位原始源文件

    搜索文件:

    在本地,我通常使用JetBrain的IDE(IDEA、PHPStorm等)和Sublime的快速索引和启发式搜索。grep命令工具在性能方面绝对无法与之竞争。在Windows上,我还使用Totalcommander及其存档/正则表达式查找功能

    在服务器上快速查找代码时,您可以使用以下方法:

    grep-r-C10--color=始终为'keyword1 | keyword2'htdocs/| less-r

    这也将为您提供行上下文。两个注意事项:您可能希望首先过滤掉二进制文件,而忽略范围外的符号链接


要使用Chrome/Webkit追踪特定代码,请执行以下两个步骤:

客户端:

1。搜索所有静态文本源

  • 使用CTRL+SHIFT+I打开开发面板
  • 按CTRL+SHIFT+F可弹出全局搜索对话框
  • 在它旁边,您可以将JS代码的漂亮打印设置为on:button{}
  • 使用正则表达式输入搜索词
  • 可选:决定是否需要不区分大小写的搜索,该搜索具有更大的搜索空间,并且需要更长的时间 例如:

2。搜索动态用户DOM内容

  • 转到“元素”选项卡,点击CTRL+F
  • 输入搜索词(这还将搜索父DOM中的iFrame、svg等)
3。推荐:

  • 交叉参考步骤1的结果。第二步
  • 如果给定字符串同时存在于DOM和静态源中,则可以假定内容不是通过编程方式在客户端创建的
服务器:

  • 许多项目在内容交付之前执行媒体绑定步骤。它们将web资源打包到主文件(例如index.php)中以保存HTTP往返。
    使用/和/或在整个代码库中搜索显著的静态字符串或该静态字符串附近的显著关键字,以定位原始源文件

    搜索文件:

    在本地,我通常使用JetBrain的IDE(IDEA、PHPStorm等)和Sublime的快速索引和启发式搜索。grep命令工具在性能方面绝对无法与之竞争。在Windows上,我还使用Totalcommander及其存档/正则表达式查找功能

    在服务器上快速查找代码时,您可以使用以下方法:

    grep-r-C10--color=始终为'keyword1 | keyword2'htdocs/| less-r

    这也将为您提供行上下文。两个注意事项:您可能希望首先过滤掉二进制文件,而忽略范围外的符号链接


了解如何在中搜索字符串
grep -r SUGAR.collection .