如何在Chrome Dev Tools中查看从按钮单击到请求所调用的函数？
在Chrome Dev Tools中，可以通过以下步骤查看从按钮单击到请求所调用的函数：
- 打开Chrome浏览器，并打开开发者工具。可以通过右键点击页面，然后选择“检查”选项来打开开发者工具，或者按下键盘上的F12键。
- 在开发者工具中，点击顶部菜单栏的“Sources”（或者对应的图标，通常是一个文件夹图标）选项卡。
- 在Sources选项卡中，可以看到页面加载的所有资源文件。找到包含按钮所在页面的源文件，并展开该文件。
- 在源文件中，可以找到按钮的事件处理函数。通常，事件处理函数会被绑定到按钮的click事件上。可以使用文本搜索功能或者手动查找来找到与按钮相关的代码段。
- 一旦找到事件处理函数，可以在代码行的左侧看到一个蓝色的圆点。点击这个圆点，可以设置一个断点。断点会在代码执行到此处时暂停，以便你可以逐行查看代码执行的过程。
- 现在，刷新页面或者触发按钮的点击事件。当代码执行到断点处时，开发者工具会自动暂停执行，并且在右侧的“Call Stack”（调用堆栈）面板中显示函数的调用信息。
- 在“Call Stack”面板中，可以看到从按钮点击事件开始的函数调用链。每一条记录都包含函数的名称、文件名和行号。点击记录，可以在源文件中跳转到相应的代码位置。
通过以上步骤，在Chrome Dev Tools中你可以查看从按钮单击到请求所调用的函数。这对于调试和理解代码的执行流程非常有帮助。
腾讯云提供的相关产品和产品介绍链接地址如下：
相关·内容
在发送网络请求之前，如何查看在单击按钮之后调用了哪些函数以及调用的顺序？我应该使用鼠标单击断点或XHR/fetch断点暂停吗？我想要找出某些变量(在本例中是请求头和参数)的来源，当它们在请求中传递时，它们是如何构造或生成的
浏览 145提问于2021-10-13得票数 1
1回答
我需要通过MATLAB读取网站的内容，但问题是当我加载网站时：urlConnection = URL.openConnection();str = regexprep(fileread(filename),'\s*',' ');
该网站将我重定向到一个页面，我必须先按下“我同意”按钮，然后它才会转到所请求的页面。我如何在M
浏览 2提问于2012-04-20得票数 0
1回答
我试图刮https://www.rspca.org.uk/findapet#onSubmitSetHere，以获得所有宠物的名单，供收养。在使用crawler4j之前，我已经建立了网络刮刀，但是网站是静态的。既然https://www.rspca.org.uk/findapet#onSubmitSetHere不是一个静态的网站，我怎么能刮它呢？有可能吗？我应该使用哪些技术，以及如何使用？更新：
当您在UI中填写搜索表单(选择宠物类型并输入邮政编码/城镇或
浏览 5提问于2022-02-19得票数 0
登录页面具有以下javascript函数，该函数在登录按钮单击事件时调用 window.location.href = "http://localhost输入产品id并单击search按钮后，将调用web，然后正确显示产品信息。没有问题.，但是当我在VS代码/活动服务器中运行login.html时，使用相同的步骤(如</e
浏览 4提问于2021-05-09得票数 1
回答已采纳
嗨，我的问题是我们可以用普通的http请求查看symfony dump()函数的输出，但是我们可以用ajax请求查看输出吗？
浏览 0提问于2016-10-06得票数 3
回答已采纳
下面是我的ModelResource代码：
queryset = Bookmark.objects.all
浏览 2提问于2013-04-25得票数 16
回答已采纳
我有一个非常简单的网页，其中有一个javascript块，我试图在本地查看。http://localhost/website_projects/app/<a href="" id="whats-this-category"><subel.addEventListener('
浏览 2提问于2015-09-09得票数 0
我做了一个保存闪存视频的小脚本，它使用lsof， filesarray=($(ls -l "/proc/$(我想这是胡椒闪光灯，它与标准闪光灯有很大的不同，所以我想完成这个脚本，即使是铬铬和胡椒闪光灯。/usr/lib/pepperflashplugin-nonfree/libpepflashplayer.so
但是，当然，在/proc/11658/fd上，我没有视频
浏览 2提问于2014-07-22得票数 1
2回答
我是一家公司的新手，公司有一款以数百万SLOC为特色的网络应用程序。
由于某些原因，当单击文本区域(在任何浏览器中)时，将取消选择相关的单选按钮。我不知道textarea onclick触发了什么onclick，我开始怀疑，在封装与标记没有直接关系的代码的同时，搜索并进入源代码的关键部分是否会使它变得傲慢。有没有一种使用Chrome控制台进入取消单选按钮的JavaScript<em
浏览 6提问于2014-10-17得票数 0
回答已采纳
1回答
这个站点列出了所有年份(所有年份)或年份(季节)，但是html中包含的数据是关于all time的数据，而不是您选择的季节，尽管该站点显示了季节统计数据。有趣的是，当您加载某个季节的数据时，它首先加载并简要显示该变量的所有时间的数据。例如:在html源第983行的"td“标签中，当我查看切尔西那个赛季的胜利页面时，它写的是515(切尔西一直赢)，应该是2
浏览 2提问于2017-05-20得票数 1
当输入到Chrome地址栏的URL导致弹出“另存为”对话框(Content未被识别)时，网络请求永远不会出现在dev tools中的“网络”选项卡中。有什么方法我可以跟踪这一点，以看到响应头从Chrome，即。而不求助于外部工具，如tcpdump或fiddler？
浏览 6提问于2017-02-06得票数 3
回答已采纳
1回答
我承认我不完全理解GET请求是如何实现的，这个第三方API插件没有相关的文档(如果它是这么叫的话)，但我知道它会发送这个GET请求，我在Chrome Dev Tools的'Network‘下看到了它。我所理解的是，页面将在这个GET请求完成之前加载下一个页面，因此GET请求将被取消。随后，GET请求返回的速度要快得多，这可能是因为路由被
浏览 2提问于2016-05-07得票数 0
我为Google创建了一个扩展，它为指定的网页运行一个小用户脚本，并通过background.js向Chrome (如chrome.tabs等)提出一些请求。最后，我用指定的网页切换到选项卡，并重新加载它以查看更改。因此，在测试时，这个过程涉及到扩展和页面选项卡之间的许多单调切换。这样做的目的是：
最好在测试用户脚本的页面上添加一个按钮或一个快捷键，并在我的用户脚
浏览 3提问于2014-01-19得票数 2
回答已采纳
1回答
我正在尝试将数据从Angularjs应用程序发送到php，以便将其插入mysql db中。scope.Customer_Name,
}
我的insert.php
浏览 0提问于2018-03-03得票数 0
回答已采纳
2回答
我正在开发一个应用程序，其中我在Angular中有一个客户端，而我的服务器在C中。我的HTTP Get有问题，但我找不到它。"updateStream()“每隔70ms被调用一次。this.contextVideo.putImageData(nouvData, BORDERX / 2, BORDERY / 2); });我的问题是我的画布几乎永远不会改变，所以我试着放一些"c
浏览 0提问于2018-07-30得票数 0
我可以使用Google检查器中的Network来调试网络流量(AJAX请求等)。我可以检查哪些数据很容易被传输。我看不见传输的数据。谷歌Chrome中是否有任何内置功能来检查传输的数据？还是我需要使用Wireshark？
PS:我正在使用最新的稳定版本(16.0.912.75)。如果一个较新的版本(beta/dev)具有这个特性，那就太好了。
浏览 11提问于2012-01-21得票数 40
回答已采纳
*匹配的网络请求，并查看请求一个特定的查询参数(通常至少有2个或更多这样的请求)。在Chrome中，如果我想手动检查页面的网络请求，我只需转到Chrome Dev Tools中的Network选项卡并检查这些请求。*的路由是勾选的，但我在Chrome <em
浏览 3提问于2018-06-27得票数 3
response = conn.getresponse()data =json.load(response)结果显示了API结果的列表但它们与我手动访问westus.api.cognitive.microsoft.com/something/something网站时执行的不同。
有人能告诉我这里出了什么问题吗？
浏览 0提问于2017-04-02得票数 1
我有一个具有CSS悬停状态的HTML元素。悬停时有一个带有边距或填充的bug，每次我将鼠标移到元素上时，元素的内容都会稍微滑动一下，这很烦人。我想使用FireBug或Chrome Dev工具进行调试，但我在使用这些工具时遇到的一个常见问题是，在我从Firebug/devtools中选择元素后，我显然需要将鼠标移回开发工具，而悬停状态不再启用。如何使用这些工具检查/调试处于悬停状态的HTML元素？
浏览 3提问于2012-05-15得票数 9
回答已采纳
1回答
有没有办法获得通过websockets发送的JSON的大小？我每20ms发送一次可变长度的消息，我想知道它们的大小以便优化。我已经设法通过Chrome开发者工具中网络部分的websockets框架标签找到了消息的长度。有没有类似的东西可以让我查看邮件大小？或者，也许我必须用javascript编写自己的函数？谢谢你的帮助。
浏览 0提问于2012-08-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
