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？

在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到控制台。我究竟做错了什么？