问题标签 [google-chrome-devtools]

就像我们有http://www.sliver.com/dotnet/SnippetCompiler/（链接在 2021-04-24 上无效）快速测试 C# 代码一样，我也可以在 chrome 调试器工具和 Firebug (firefox) 中对 javascript 执行相同的操作。

我会对可以运行一小段 javascript 并判断它是否在知名浏览器中正确运行以及结果的工具或一些在线工具更感兴趣。

更新：
我是开发人员而不是测试人员。我不想在我的 PC 上安装所有浏览器。我喜欢 chrome，只需Ctrl+Shift+J在控制台中单击并粘贴我的 javascript，我就可以在 chrome 中快速调试/测试（用于语法/结果）几乎所有 javascript。但这只会测试它是否适用于 chrome。我现在对创建图书馆不感兴趣。谷歌和 Stackoverflow 帮助我快速获得用于特定任务的最强大和最新的 javascript。

我一直想知道 webkit/safari/chrome 的 WebInspector 中的资源检查是如何工作的。

浏览器必须为 javascript 提供一个原生 BPI 或其他东西来显示查询列表及其时间线，二进制 API 叫什么？我可以使用相同的 API 来编写 Chromium 扩展吗？

Chrome调试器的功能栏中的“（程序）”是什么？

在 Firebug 中，您可以搜索一些文本，它会在页面上加载的所有脚本中查找它。在调试客户端脚本时可以在 Chrome 开发者工具中做同样的事情吗？我试过了，但它似乎只在我打开的脚本中搜索，而不是页面上的其余部分。

我希望下一个屏幕截图可以更好地了解我要完成的工作：

以下屏幕截图来自 Firebug 中的一次搜索：

直到 9.x，标题都在开发工具中的资源下，但现在我无法在任何地方找到它。

有人知道 Chrome 开发者工具是否可以将 javascripts 格式化为人类可读的形式吗？某种美化剂会很方便。假设我正在使用一些 JS 库，我需要实例化它的对象，这样我就应该知道将什么放入构造函数中。但是在 Chrome 开发者工具用户界面中搜索这个有 4 行的庞大库非常烦人......

否则，服务器端需要注意实现“开发模式”，以提供未缩小的 javascript 文件......

我正在编写一个脚本，它使用 XMLHttpRequest 来搜索由相对路径定义的文件，通过尝试将该相对路径与脚本知道的其他相同域绝对路径进行解析，然后尝试从该解析加载文件网址。如果遇到 404，我只是尝试将文件相对路径解析为另一个绝对路径，然后重试。对于这个特定的脚本，遇到 404 完全没问题 - 但是，我的控制台到处都是“加载资源失败：服务器响应状态为 404（未找到）消息，我想禁止它们。

据我所知，没有要捕获的错误——错误情况由 xmlHttpRequest.onreadystatechange 处理程序处理，并且没有 window.onerror。

有没有办法抑制这些消息？

谢谢

我想查看:hover我在Chrome中悬停的锚点的样式。在Firebug中，有一个样式下拉列表允许我为元素选择不同的状态。

我似乎在 Chrome 中找不到类似的东西。我错过了什么吗？

这个问题可能听起来很奇怪，但我有点需要这种情况发生。另一种方法是要求人们按 Ctrl+Shift+i，但我宁愿避免这种情况，只提供一个链接。

该链接将显示在 Chrome 扩展程序中，因此我只对 Google Chrome 感兴趣。

在 Google Chrome 中，我想出了如何临时编辑页面，例如元素的填充和边距，现在我很好奇为我的扩展获取或编写 JavaScript 以始终​​做到这一点的最简单方法。请分享您的方法是您已经知道的！没有必要继续阅读。

例如，在我的 chrome 扩展 Sweet Search 中，移除左侧导航工具后，我需要将中心列的左边距设为 0 以关闭该空间；在chrome中，我可以右键单击中心列，检查元素，找到center_col节点，将右侧的边距编辑为0px，然后搜索结果的中心列向左移动；现在获取或编写此类操作的 javascript 的最简单方法是什么？

当您将鼠标悬停在元素的 html 上时，它会在页面上突出显示并显示一个带有元素名称和尺寸的小奶油色框，我如何使用该元素名称/dom 位置来编辑该部分？