问题标签 [google-chrome-devtools]

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 投票
3 回答
5341 浏览

google-chrome - 我没有在我的 Chrome 开发工具中找到漂亮的打印

我在 YouTube 上看到过这个工具

Chrome 开发工具重新加载

在此处输入图像描述

但是我在我的 Chrome 开发工具中没有找到,,是什么原因?

在此处输入图像描述

谢谢

0 投票
7 回答
1252 浏览

javascript - “取消重新定义”谷歌浏览器的控制台对象

我正在处理一个系统,其中在页面的早期执行以下 Javascript 代码(这是我无法控制的)

此代码似乎用于创建模拟console对象,以防止在没有 javascript 控制台的环境中出现 javascript 错误。这很好,除了它还会阻止 Google Chrome 的控制台运行。条件明确地检查firebug,但仅此而已

那么,有没有办法告诉 Chrome 的调试器重新初始化它的控制台对象呢?也就是说,用简单的英语告诉 Chrome

嘿,你知道当你加载一个页面并定义一个控制台对象供我使用吗?再做一次,这样我们就可以覆盖用户空间中某人所做的事情。

我意识到我可以做类似的事情

并捕获了条件,但是我在系统中受到限制,并且无法在上述控制台重新定义命中之前添加 javascript。换句话说,不,我不能只是在头部开始之后添加一些 javascript 代码。

0 投票
2 回答
447 浏览

javascript - Hook Chrome debugger up to text editor

image

Is there some way to get chrome to launch my text editor when I click on a stack trace link pointing to a file:// url?

0 投票
2 回答
911 浏览

javascript - 如何在 DevTools 控制台中覆盖对象的显示名称?

我正在使用 Dean Edwards 的 Base.js 库在 javascript 中提供 OOP。它创建的对象在 Chrome 的控制台中看起来像“klass.proto.constructor”。是否可以覆盖其显示名称以显示人类可读的标签,如“MyClass”等。

我认为可以通过玩 toString 属性来实现,但我不知道该怎么做。

0 投票
1 回答
527 浏览

javascript - 为元素的每个实例启动点击事件

我正在尝试使用 javascript 小书签为元素的多个实例启动单击事件。我的目标是能够单击小书签并让它删除特定元素,例如每当按钮显示删除时。你能帮我解决这个问题吗,我已经尝试了 vark.com 和其他来源来找到这个答案。

我的目标是在谷歌浏览器中实现这一点,你能帮我吗?

更新:这里有更详细的解释

这可以通过在 Chrome 中安装 PageMonitor、单击选项并检查显示您正在监视的站点名称的元素来找到。

例子:

版本历史 - 宏记录器、宏程序、鼠标...<--- 这是链接

高级重命名删除上次检查:11 秒前。<--- 这些是选项

也许节点是错误的术语,让我看看。

消除

在它说删除的地方,我想启动一个点击事件,每次它发生时都会按下删除按钮PageMonitor 选项窗口的屏幕截图

0 投票
1 回答
24864 浏览

google-chrome-extension - 如何通过控制台启用/禁用谷歌浏览器扩展

今天,在打开谷歌浏览器时,我意识到如果不去以下位置之一,就没有简单的方法来启用或禁用扩展:

  1. 铬://扩展
  2. 单击工具>扩展>启用/禁用

之所以如此重要,是因为它占用的资源。

例如:我将要启动我的计算机,我想立即快速打开谷歌浏览器。例如,假设我在打开 Chrome 之前运行了 100 个进程。但是,一旦我打开 Chrome,这个数字就会跳到 160,因为它启动时会加载所有扩展。

这是我希望实现的目标和当前的限制:

期望结果: 使用控制台轻松启用/禁用/卸载扩展

限制: 无法对许多扩展进行分组,以便轻松启用/禁用它们

请让我知道这部分问题是否不允许/偏离主题

0 投票
1 回答
809 浏览

php - chrome 检查器关闭表单标签

我正在浏览某人的 .asp 代码,发现他正在打印 HTML 而不关闭它。我去了 Chrome 并在它的检查器中查看 DOM 以及当它突然出现时在哪里关闭它:标签!

我回到 .asp 检查我是否遗漏了什么,但没有 html 包含或 .js 会关闭它。我以为我快疯了,然后我的一个同事告诉我,一些浏览器正在自己关闭未关闭的标签?!

对于那里的所有不良代码,这是有道理的,但是...

Inspector 有标签,但真正的 HTML 源代码没有,所以我假设 Chrome 会读取源代码,神奇地添加结束标签,然后呈现页面。然后,Chrome 检查器会检查神奇更改的版本。

我的问题是:

  • 为什么像 C.inspector 这样的开发人员工具会显示修改后的版本?

  • 如何打开它?

  • 除了标签还有什么是自动关闭的

非常感谢

0 投票
2 回答
2559 浏览

google-chrome - 有没有办法在 chrome 中获取文档和窗口属性

有没有办法在 chrome 开发者工具箱中获取文档和窗口属性?

我在开发人员工具箱的元素选项卡中没有看到它。这在排除 jquery.offset 问题时非常方便

在这期间,我们不妨在 Firefox 4+ 中讨论这个问题

谢谢

0 投票
4 回答
858 浏览

firebug - 使用开发者工具/Firebug 更新文件

有没有办法可以将 Chrome 开发人员工具或 Firebug 中所做的更改直接保存到文件中?假设我对该文件具有读/写访问权限。

或者,是否有任何开发工具可以以类似的方式(或类似的 UI)更新更改?

0 投票
1 回答
2507 浏览

firebug - 如何在 Chrome 开发者工具中检查页面响应 HTML

调试页面时,在 Firebug NET 选项卡中,可以显示页面 HTML,如下图所示。我想知道 Chrome 开发人员工具是否可以做到这一点?

在此处输入图像描述