问题标签 [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 投票
2 回答
1305 浏览

css - 是否可以将本地 css 文件加载到某些域的浏览器?

使用开发人员工具,我可以修改我当前在浏览器中查看的网站的 css 文件。

我想有效地做同样的事情——但不是修改css文件,而是加载一个本地css文件,只是为了那个特定的域。

另一种表述方式:“当加载 stackoverflow.com 的任何页面时,将 C:\test.css 加载到浏览器”。

0 投票
1 回答
5797 浏览

google-chrome - Chrome堆分析器中对象标题的黄色背景是什么意思?

试图了解 Chrome 开发人员工具中的堆分析器。我在快照中看到了几个可到达的对象,其中一些具有黄色背景,而另一些则没有。这是什么意思?有什么不同?

在这种情况下,颜色图例并不完全有用,因为它本身具有黄色背景 (wtf)。

堆快照

0 投票
1 回答
321 浏览

javascript - 检查 window.onerror 是否可用

在我的 javascript 日志框架中,我正在通过 window.onerror 处理程序捕获未处理的异常。

我如何检查 window.onerror 是否可用。因为在少数浏览器中它无法识别 window.onerror。

0 投票
1 回答
317 浏览

google-chrome - Google Chrome & FB Like Button at the bottom of the page

I'm encountering a strange issue. I have a facebook button at the bottom of a page. When clicked, the facebook "Comment/share" box pops up.

The behaviour is correct under FF and IE, but not in Chrome, where the box is cut by the bottom of the page. In other words, the page isn't resized as it is under FF and IE.
The page has a min-height and max-height, and the containers have an overflow:visible attribute as the facebook docs advises to avoid some display issues of the share iframe. The curious thing is that the bug disappears by simply opening the developer tools, and checking/unchecking any CSS attributes of any parent element of the FB-button.

My guess is that the resize of the window isn't captured by Chrome when the button is clicked, but it is when using the developer tools. I tried to explore other sources of the problem (max-height not working properly or a higher element having a overflow:hidden) but I found nothing conclusive.

Thank you for help.

0 投票
2 回答
246 浏览

css - 开发者工具:如何快速检查正常状态和 :focus 的样式差异?

我试图在大量 CSS 文件中找到 CSS 规则,该规则负责在输入元素聚焦时将框阴影(或类似的东西)应用于输入元素。

我的问题是这个。当元素变得聚焦时,我如何才能准确地看到哪些样式正在发生变化,而不是它的正常状态?

我知道如何在元素上设置焦点状态,这样我就可以绝对检查应用于两种状态的所有计算样式:

在此处输入图像描述

但问题是在这两种状态的元素上设置了太多样式,以至于我无法轻松跟踪发生了什么变化。它可以是一个盒子阴影、一个边框、一个轮廓……有很多规则和很多可能性。

我知道我可以使用右侧边栏来查看所有适用的样式规则 - 但同样,有太多以至于很难跟踪其中的不同之处。

目前我有三个选择:

  1. 在正常状态下写下所有计算的样式,然后在 :focus 状态下写下所有样式,然后进行手动比较
  2. 为两种状态写下所有匹配的 CSS 规则,并进行手动比较
  3. 找到一种方法来做一个实际的差异!

所以我的问题是:(3)可能吗?

0 投票
0 回答
273 浏览

javascript - 打开一个新选项卡并使用 jquery 和 javascript 操作该页面

我可以使用 f12(开发人员工具)控制台打开一个新选项卡并运行 javascript 来模拟点击和表单提交吗?

例如,我想单击 facebook 中的链接,但我在一个窗口(google.com)上

我将打开开发人员工具,并粘贴一个代码,将我定向到 facebook 并单击主页。

这可能吗?

0 投票
2 回答
90 浏览

html - 为什么忽略左侧样式?

我在以下代码中的页面上有徽标

我已将left属性添加到logo样式

这个

但它被忽略了。ChromeDeveloper tools显示此样式处于活动状态,但图像显示在距浏览器窗口左侧零距离处。

为什么?

0 投票
1 回答
17547 浏览

google-chrome - 如何使用开发者工具在 Chrome 中保存所有缓存的图像

/我需要将 Chrome 中的所有缓存图像保存到本地文件夹。我有Developer Tools很多Recources > Frames > Folder123 > Images图像。将每个保存为: 1. Open in a new tab2. 然后Save as.... 有什么方法可以更快地获取所有图像吗?

更新:

也许这可以使用 Firefox 更轻松地完成?

0 投票
1 回答
2679 浏览

php - 在 zend-developer-toolbar ZF2 中激活 BjyAuthorize 的问题

有人可以给我一些关于如何将用户角色放入我的 zf2-toolbar 的说明。

我无法从我的角色实体中获取用户角色,在我的 zend-developer-toolbar 中可见。通常我会解决自己的问题,但在这种情况下,我没有想法。我正在使用 ZfcUser、BjyAuthorize 和 Doctrine2。我找不到有关如何使用户角色显示在工具栏上的任何说明。我使用 Composer 安装所有依赖项。我的作曲家文件如下所示:

在工具栏中,我仍然收到消息:

在我的 config/autoload/module.zenddevelopertools.local.php 中,我确实将探查器设置为启用并且它也已安装,至少我用我的 composer.phar 进行了检查。

如果有人可以帮助我,那就太好了,谢谢!

0 投票
0 回答
188 浏览

developer-tools - 谷歌 Chrome 开发者工具乱码源

有没有人知道、经历或知道如何解决这个问题?它出现在我使用开发人员工具的任何页面上。看起来好像标记是在其自身之上重新打印而不是滚动。此外,我选择的任何元素都显示为白色(不可见)。请帮忙!

截屏: 在此处输入图像描述