追踪javascript函数设置点击事件的内容

Question

我正在尝试修改主题的功能，但我遇到了障碍。

我需要跟踪javascript函数正在设置“添加到购物车”按钮点击事件，该事件正在使用ajax。

这是我试图诊断问题的页面......

http://www.healthjunkies.com.au/benefits-of-whey-protein/

在侧边栏上 - 当您单击紫色添加到购物车按钮时，它会创建一条成功消息，该消息在侧栏中显示为全部。这是因为我从主题的另一部分复制了一些功能，并将其放入侧边栏小部件中。

现在我需要隔离正在设置此调用的函数。

我尝试使用Chrome开发者工具，使用断点，它似乎跟踪jQuery和一些点击跟踪器之间的调用，我猜一些分析插件。

如何首先隔离设置事件的功能，以便我可以更改结果。

Answer 1

有两种方式：

1。）使用Chrome的搜索面板（在“来源”下）搜索正在注册的侦听器元素（请参阅答案here获取指南）。

2.。“元素”下的“事件监听器”标签。

Answer 2

查看页面来源，第923-930行：

<script type="text/javascript">
jQuery(function($) {

    $( '.add_to_cart_button:not(.product_type_variable, .product_type_grouped)' ).click( function() {
        ga('send', 'event', 'Products', 'Add to Cart', ($(this).data('product_sku')) ? ('SKU: ' + $(this).data('product_sku')) : ('#' + $(this).data('product_id')));
    });

});
</script>

Answer 3

最近的解决方案位于Chrome>开发人员工具>源>事件侦听器>鼠标>单击

然后浏览事件