标签: google-chrome-devtools

如何使用开发人员工具查找Chrome中按钮/元素运行的代码

我正在使用Chrome和我自己的网站.

我从里面知道的:

1)我有一个表单,人们通过单击此橙色图像按钮注册:

在此输入图像描述

2)我检查它,这就是它的全部: <img class="formSend" src="images/botoninscribirse2.png">

3)在源代码的顶部,有大量的脚本源.当然,我知道按钮调用了哪一个,我编写了它:<script src="js/jquery2.js" type="text/javascript"></script>

4)在该文件中,您可以找到:$(".formSend").click(function() { ... });按钮触发的内容(进行相当复杂的表单验证和提交),我想要的是能够在任何网站上使用chrome dev工具找到它.

我们怎样才能找出元素所在的位置？

听众标签对我不起作用

那么我试着查看点击事件监听器,这对我来说似乎是一个安全的赌注但是...那里没有jquery2.js(我不知道代码是哪个文件所以我浪费时间检查所有这些... .):

在此输入图像描述

我$(".formSend").click(function() { ... });在jquery2.js文件中的功能不存在.

杰西在他的回答中解释了为什么 :

"最后,你的函数没有直接绑定到click事件处理程序的原因是因为jQuery返回一个被绑定的函数.jQuery的函数依次通过一些抽象层和检查,在那里的某个地方,它执行你的函数."

编辑:我已经按照你们中的一些人的建议,在下面的一个答案中收集了这个问题产生的所有方法.

javascript jquery google-chrome google-chrome-devtools

Car*_*lea

2019 11-20

284
推荐指数

4
解决办法

14万
查看次数

如果未安装Chromecast扩展程序或使用隐身模式,则会产生Google Chromecast发件人错误

我在Chrome Incognito中运行Chromecast发件人时遇到错误,或者未安装Chromecast扩展程序:

Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://dliochdbjfkdbacpmhlcpmleaejidimm/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://hfaagokkkhdbgiakmmlclaapfelnkoah/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://fmfcbgogabcbclcofgocippekhfcmgfj/cast_sender.js
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://enhhojjnijigcajfphajepfemndkmdlo/cast_sender.js
No cast extension found

Run Code Online (Sandbox Code Playgroud)

Google强制转发发件人正在尝试向本地"cast_sender.js"发送AJAX请求.如果发生这种情况或是否有更好的方法来检查是否存在Chromecast发件人扩展(不是通过请求AJAX请求)？

我相信这些AJAX请求是询问Chromecast扩展是否存在的一种方式.有没有更好的方法来检查Chromecast扩展是否存在？

javascript google-chrome-extension google-chrome-devtools chromecast

Nin*_*olo

2018 03-16

280
推荐指数

3
解决办法

23万
查看次数

Chrome DevTools设备在插入时无法检测到设备

即使遵循https://developers.google.com/chrome-developer-tools/docs/remote-debugging中列出的步骤,我似乎也无法使用DevTools设备功能在我的Samsung Galaxy S4上工作

我的设备有Chrome v32和Chrome Beta v33,而我的电脑有Chrome v33和Chrome Canary v35.

我的设备已启用USB调试,并且已安装设备驱动程序.我从来没有得到上述链接中步骤3中提示的批准RSA密钥指纹的提示,但设备确实连接到我的PC以允许媒体传输.我甚至根据上面的链接撤销了所有USB调试授权.

我的PC没有为Android开发安装额外的东西,这可能是个问题.我希望利用此功能从设备的角度检查网页.

google-chrome-devtools

Ash*_*Ash

lucky-day

279
推荐指数

16
解决办法

28万
查看次数

Chrome Developer Console中的奇怪错误 - 无法加载资源:net :: ERR_CACHE_MISS

据我所知,昨天在Chrome上没有抛出这个错误,截至今天早上,它确实如此.我没有更改任何浏览器设置.我附上了截图(在打开/关闭开发人员工具窗口四次后):

无法加载资源:net :: ERR_CACHE_MISS

这个问题与Stack Overlow post 在Chrome下加载资源失败的情况类似,只是在我在Chrome中"检查元素"时才会发生.以下是我的详细信息:

尽我所能,我解除了自昨晚以来所做的一切(当我没有这个错误时)并且错误仍然存在.当我删除所有<html> PHP前代码时,错误消失.

当我只删除<html>除PHP以外的所有PHP代码

<?php session_start(); ?>

Run Code Online (Sandbox Code Playgroud)

错误返回.

由于错误似乎涉及PHP,我检查了我的错误日志,但没有通知,警告和错误.当我关闭"开发人员工具"窗口然后在没有页面重新加载的情况下打开窗口时,错误数量每次增加1.

当我保持窗口打开,然后重新加载页面时,页面重新加载而不会抛出错误.但是,只要我再次关闭Developer工具窗口,然后打开它(没有页面重新加载),就会抛出错误.我在启用了Firebug的 Firefox上检查了我的网站,并没有抛出任何错误,使其看起来像Chrome问题(版本38).我的网站似乎正常运作.通过Chrome浏览的设备上的其他网站(例如,Yahoo)也会遇到此错误.

此外,我几个月前没有手动更改任何浏览器设置.另外需要注意的是,这是我去年在Chrome中遇到的第二个奇怪的错误(参见Stack Overflow问题无法加载资源:net :: ERR_NETWORK_IO_SUSPENDED),没有人能够找到解决方案,即使是赏金提供.

有没有办法防止此错误,或者这是一个仅限浏览器的问题？另外,当我在Chrome中为Stack Overflow打开Developer Tools时,没有抛出任何错误,因此Stack Overflow没有在PHP中编码,或者他们有办法防止此错误.我认为我的网站没有受到影响,但我不是百分百肯定,这让我很紧张:)

google-chrome google-chrome-devtools

The*_*lob

2017 05-23

269
推荐指数

4
解决办法

27万
查看次数