问题标签 [developer-tools]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
34 回答
333024 浏览

debugging - 在 Chrome 开发者工具中,资源的 status=canceled 是什么意思?

什么会导致页面被取消?我有 Chrome 开发者工具的截图。

取消的资源

这种情况经常发生,但不是每次都发生。似乎一旦缓存了其他一些资源,页面刷新就会加载 LeftPane.aspx。真正奇怪的是,这只发生在 Google Chrome 中,而不是 Internet Explorer 8。任何想法为什么 Chrome 会取消请求?

0 投票
1 回答
912 浏览

google-chrome - 在 chrome 开发者工具中查看监听器主体

在 chrome 开发人员工具中,您可以检查附加到元素的侦听器。

在此处输入图像描述

listenerBody 被剪裁了,因为检查器不够大,无法完整显示它。你如何看待整个listenerBody?

0 投票
3 回答
2751 浏览

css - 使用 Chrome 的开发者工具使用新的全局 CSS 规则实时编辑页面

Chrome 开发人员工具中检查元素并编辑应用于该元素的现有 CSS 规则很容易,但是如果您想创建一个全新的样式规则怎么办?

就我而言,我想做的是应用以下样式规则:

br {display: none} hr {margin-top: 20px} font {font-size: 18px}

敏捷宣言背后的原则,以便我可以直接从浏览器将其打印在一张 A4 纸上。

我已经链接到的关于 Chrome 开发人员工具的官方文档确实有一个关于添加新规则和属性的部分,但是它已经过时并且在最新版本的 Chrome 中不能像这样工作。

0 投票
1 回答
551 浏览

javascript - Chrome 开发者工具(如何知道我在调用哪个 javascript 对象)

我首先在一行 JavaScript(在 JavaScript 类内)中创建一个断点。然后我一步一步转到下一个函数调用 F11。使用开发人员工具,我可以访问以下代码。

var p = this.rotator.playing;

在这种情况下,我知道类内的变量类名 但是我现在想知道我正在为该类调用哪个对象。有什么建议吗?

实际上我想p从 JavaScript 类之外修改变量。

0 投票
0 回答
64 浏览

internet-explorer-9 - IE9 开发人员工具破坏了我的浏览器(导致某种循环)

每当我尝试将 IE9 与开发人员工具一起使用时,它都会导致页面不断刷新。见这里:http ://screencast.com/t/OgFVYvwhlg

当开发工具窗口打开时,刷新开始发生,然后当窗口关闭时,它停止。

关于如何调试它的任何建议或想法?

0 投票
1 回答
3321 浏览

google-chrome - Chrome 会加载一个 text/html 文件,但显示“失败”状态并且不会在屏幕上呈现

谷歌浏览器仍然面临一个奇怪的问题。我有一个从 php 源代码生成的 text/html 页面。此页面加载良好,并且在除 Chrome 之外的任何流行浏览器上都能很好地显示。当源代码刚刚保存时,Chrome 会以正确的方式加载和呈现文件。即使我只是添加或删除了一个空格字符。接下来,如果我尝试刷新页面,Chrome 会显示一个空白页面,并在“开发者工具”面板(见屏幕截图)中显示一个错误,指示“失败”状态。但如果我检查 HTTP 响应标头,一切似乎都很好,包括 HTTP 状态:200 OK。

Bellow 是保存源并获得正确渲染后的 HTTP 响应标头。无变化(时间相关信息除外)

我还检查了 HTTP 请求标头,它们在两种情况下都是相同的:

工作案例:

失败案例:

我注意到即使页面失败,其他一些资源(javascript、样式表)也会成功加载或从本地缓存中检索。我也可以每次都成功访问 HTML 源代码,页面是否被呈现(HTML 代码是它预期包含的内容)。

我还运行了 Wireshark 以查看在传输数据或其他东西时是否会出现问题,但在这方面似乎一切正常。

如果 HTTP 标头中提供的信息与交付文件的有效大小不同,我在 Google 上阅读了有关内容长度的内容,这将使 Chrome 失败。在我看来,情况并非如此,因为没有提供内容长度。

欢迎任何帮助!谢谢!

0 投票
1 回答
4983 浏览

iphone - 卸载 Xcode 4.5 开发者预览版

我在 Xcode 4.5 DP1 发布给开发人员时安装了它。但是,现在 Xcode 4.5 在 Mac App Store 中发布,我不再需要 DP1。如何在不影响常规 Xcode 安装的情况下完全删除它(以及它安装的开发工具的新版本,如果有的话)?提前致谢!

0 投票
1 回答
123 浏览

objective-c - 所有 OSX 开发工具的列表?

我是 OSX 开发和 Apple 系统框架/apis/工具的新手。

在学习的过程中,我偶然发现了一些“秘密”实用程序,它们对开发人员非常有帮助,但具有混合级别的可见性/googleability/shell 完成(例如kextutil,、、lsregisterauvaltool

某处是否有所有这些“秘密”开发人员实用程序的列表?

0 投票
2 回答
25704 浏览

google-chrome - 检查网络响应是来自服务器还是来自 Chrome 缓存

在 Google Chrome 中,您如何检查哪些文件来自浏览器缓存,哪些来自服务器?

0 投票
3 回答
2182 浏览

google-chrome - 如何使用 Chrome 的新 `console.log()` 输出?

Chrome 24 有一种在console.log().

例如,console.log($("p"));这个 jsFiddle示例中输出这种疯狂:

我可以看到它将 DOM 元素的集合放在开头。但是,如果您尝试扩展一个<p>大部分为空的简单标签,它会在您身上抛出:

那么我该如何使用所有这些信息呢?我的第一直觉是把它驯服到它过去的样子,但再想想,里面确实有很多我可能想要访问的信息。但我很难理解我在看什么。其中大部分看起来像 jQuery 值。这是对象具有(或不具有)的每个 jQuery 值的列表吗?

► context:然后是事情和事情的整个问题► __proto__:。一旦你开始深入研究,__proto__你将永远不会停止。我认为它会无限下降!

我怎样才能开始学习如何使用这个新的输出?

编辑:我实际上刚刚意识到我仍在使用 Chrome 23,这不是 24 中引入的东西。这个帖子中有人说这是 Chrome 24 的问题,但也许它是 23 中的新问题?无论如何,我最近才开始在 jQuery 对象上注意到这一点。

编辑2:如果您只是在寻找如何记录旧方式,试试这个:(帽子提示