Tag: 谷歌,铬devtools

如何在Chrome DevTools中查看触发元素的事件?

我从库中的页面上有一个可定制的表单元素。 我想看看什么JavaScript事件被激发,当我与它交互,因为我想找出哪个事件处理程序使用。 我如何使用Chrome Web Developer来做到这一点?

在控制台中禁止Chrome“无法加载资源”消息

我正在编写一个脚本,它使用XMLHttpRequest来search由相对path定义的文件,尝试parsing相对于脚本所知道的其他相同的域绝对path的相对path,然后尝试从已parsing的文件加载文件url。 如果我遇到一个404,我只是尝试解决文件相对path对另一个绝对path,并再次尝试。 对于这个特殊的脚本来说,遇到一个404错误是非常好的,但是我的控制台里充满了“无法加载资源:服务器响应404(Not Found)”消息的状态,我想压制它们。 我可以看到没有任何错误 – 错误情况由xmlHttpRequest.onreadystatechange处理程序处理,并且没有window.onerror。 有什么办法可以抑制这些消息吗? 谢谢

我可以阻止Chrome开发者工具控制台logging图像404错误吗?

Chrome Developer Tools控制台每次找不到页面资源(包括图像)时都会logging错误(即返回404)。 在我的工作中,我经常在由第三方提供图像的网站上工作,在开发过程中可能无法使用这些网站。 让每个丢失的图像显示为控制台中的错误,使得其他更重要的错误(例如JavaScript错误)难以注意。 是否有一个设置,停止控制台logging未被发现的图像作为错误? 或者有什么方法可以按照相同的标准过滤控制台消息,以便在“networking”选项卡中过滤请求? (请参阅http://chromium.googlecode.com/issues/attachment?aid=1337330000000&name=Screenshot-Google%2B+-+Google+Chrome.png&token=1F05er8uKjAQEEBrUITFjsIGJ2A%3A1358867878658&inline=1 )

如何保存Chrome开发人员工具的样式面板的CSS更改?

如何保存Google Chrome开发人员工具的样式面板的CSS更改? 在工具的网站上提到, 我们可以看到资源面板上的所有变化 但我正在本地工作的CSS文件,但更改没有显示在资源面板为我 顺便说一下,你知道任何附加工具,以保存Chrome开发人员工具的CSS更改? 我知道Firebug有很多https://stackoverflow.com/search?q=firebug+CSS+changes+save

在Chromedebugging器中“小心:显示临时标题”

使用Google Chrome检查器(F12)查看下载的资源时,我注意到一个奇怪的警告消息: 警告临时标题显示 我发现了一些可能相关的东西, networking面板 ( Network Panel):对临时请求头添加警告 ,但是我不能完全理解它。 相关的问题可以发现Chrome块请求以及XMLHttpRequest无法加载。 卸载资源显示警告:显示临时标题 。 与第一个问题类似,我的资源被阻止,但后来自动加载相同的资源。 不像第二个问题 ,我不想解决任何问题。 我想知道这个信息是什么意思,为什么我收到了。

为什么Chromedebugging器认为封闭的局部variables是未定义的?

有了这个代码: function baz() { var x = "foo"; function bar() { debugger; }; bar(); } baz(); 我得到这个意外的结果: 当我更改代码时: function baz() { var x = "foo"; function bar() { x; debugger; }; bar(); } 我得到了预期的结果: 另外,如果在内部函数中有任何eval的调用,我可以像我想要的那样访问我的variables(不pipe我传递给eval是什么)。 同时,在两种情况下,Firefox开发工具都会给出预期的行为。 怎么了Chrome浏览器,debugging器的行为比Firefox不太方便? 我已经观察到这种行为一段时间,直到并包括版本41.0.2272.43testing版(64位)。 Chrome的JavaScript引擎是否可以“平滑”function? 有趣的是,如果我添加了内部函数中引用的第二个variables, xvariables仍然是未定义的。 我明白,在使用交互式debugging器的时候,经常会出现范围和variables定义的怪癖,但是在我看来,根据语言规范,应该是这些怪癖的“最佳”解决scheme。 所以我很好奇,如果这是由于Chrome优化比Firefox更进一步。 而且这些优化是否可以在开发过程中很容易被禁用(也许他们应该在开发工具打开时被禁用)。 另外,我可以用断点和debugger语句来重现这一点。

jQuery的jquery-1.10.2.min.map触发404(Not Found)

我看到有关文件min.map错误消息,找不到: GET jQuery的jquery-1.10.2.min.map触发一个404(Not Found) 截图 这是从哪里来的?

我如何debuggingNode.js应用程序?

如何debuggingNode.js服务器应用程序? 现在我主要使用打印语句来进行警报debugging ,如下所示: sys.puts(sys.inspect(someVariable)); 必须有更好的debugging方法。 我知道Google Chrome有一个命令行debugging器。 这个debugging器是否也可用于Node.js?

在Google Chrome中查看HTTP标头?

直到9.x,头文件都在开发工具的资源下,但现在我找不到任何地方。

在Chrome扩展中,从background.js读取控制台消息的位置?

我刚开始使用谷歌浏览器扩展,我似乎无法login到我的背景js控制台。 发生错误时(例如由于语法错误),我也找不到任何错误消息。 我的清单文件: { "name": "My First Extension", "version": "1.0", "manifest_version": 2, "description": "The first extension that I made.", "browser_action": { "default_icon": "icon.png" }, "background": { "scripts": ["background.js"] }, "permissions": [ "pageCapture", "tabs" ] } background.js: alert("here"); console.log("Hello, world!") 当我加载扩展,警报出现,但我没有看到任何东西被logging到控制台。 我究竟做错了什么?