问题标签 [web-developer-toolbar]

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 投票
1 回答
736 浏览

jquery - Google chrome Developer Tools & 'known' exception

My developer tools session pauses while the page load. I see it happens while loading jquery and angular.js. I don't see any error afterwards. See the secreenshot (stack) below.

Jquery exception

It is look like this is just a check for sizzle.js. Should I concern?

Angular error

Looks like it is looking for locale module.

If these errors are ok, how can I bypass these two errors in Developer Tools as I had to resume every time the page reloads.

0 投票
0 回答
543 浏览

html - 分析多框架页面时如何在 IE 开发人员工具栏中定位或选择框架?

如果一个页面有multiframes并且加载了多个页面,如何选择一个特定的frame页面进行调试或通过IE Developer工具查看html源代码。

我需要它来使用控制台选项卡运行 jquery 脚本,针对框架中的特定页面如何在 IE 开发人员工具栏中执行此操作。

问候, Umesh V

0 投票
0 回答
59 浏览

web-developer-toolbar - 编辑默认的 Webkit 开发者工具布局?

每次我打开 Webkit 开发工具时,我都必须通过一系列额外的步骤来设置我喜欢的布局:

  • 打开全局调试控制台
  • 把它拖得更高
  • 切换到网络选项卡
  • 仅查看 XHR 和 WebSockets 网络活动

有没有办法可以将此布局存储为我的默认布局,这样我每次打开新标签时都不需要经历这个过程?

没那么糟糕,但是在第 1000 次之后会变得烦人的事情之一......

0 投票
1 回答
1800 浏览

internet-explorer-9 - Internet Explorer 9 的开发者工具窗口可以停靠到浏览器主窗口吗?

所有其他当前版本的浏览器都具有某种形式的开发人员工具,并附加到主浏览器窗口或可以“停靠”到它。至少在适用于 Google Chrome、Firefox、Opera 和 Safari 的 Windows 7 上是这样。

但对于 Internet Explorer 9,开发人员工具始终位于单独的窗口中。

ie9 devtools 窗口有一个“pin”图标/按钮——但对我来说它什么也没做。

当比较所有浏览器的行为时,这个额外的窗口会让上网本的小屏幕上的事情变得非常混乱。

“pin”按钮应该做我想要的吗?还有其他方法吗?所有其他浏览器开发工具都可以在小上网本上使用。

0 投票
34 回答
333024 浏览

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

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

取消的资源

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

0 投票
6 回答
92213 浏览

javascript - 使用 Chrome 开发者工具编辑 Javascript

我正在尝试使用 Chrome 的开发人员工具在网站上编辑 javascript。我已经阅读了大约 30 个关于如何执行此操作的帐户并观看了一些视频。事实是,当我转到源选项卡并打开要编辑的文件时,我无能为力。我缺少一些步骤吗?

我可以创建断点、单步执行等……我只是无法编辑。最近是否删除了此功能?

0 投票
2 回答
1275 浏览

google-chrome - 更新 Chrome 后,Chrome 开发者工具栏中的搜索行消失了。怎么找回来?

在 Chrome 中,它的控制台中有一个搜索行。这是来自google.dev.com 页面的图片:

在此处输入图像描述

这是我的控制台。现在没有任何搜索行:

在此处输入图像描述

有人遇到过这样的问题吗?我怎样才能找回它?

0 投票
0 回答
202 浏览

firefox - 使用 Firefox 查看响应式布局时出现 Modernizr 错误

我有一些代码仅在不在移动浏览器上使用 Modernizr 媒体查询时才显示 div。当窗口手动缩小到移动宽度时,它在 Firefox (v 19) 中有效,但是当使用 Web Developer 工具栏的 View Responsive Layouts 时,它似乎会引发错误,从而阻止页面加载。如果 Modernizr.mq 测试被删除,它在 View Responsive Layouts 中运行良好。以下是有问题的代码...

0 投票
2 回答
9753 浏览

jquery - jQuery 导致 Firefox box-sizing 警告

我有 WebDeveloper 扩展并且收到 CSS 警告,所以我去调查它。警告是以下 3 个:

然后我做了一个空白文件,发现它不存在。几分钟后,我发现了一个可重现的原因:包括 jQuery 1.9.1 脚本!

我可以或应该做什么?我想使用 jquery,但我觉得我将永远在我的工具栏中看到 CSS 警告有点烦人。

0 投票
4 回答
31459 浏览

javascript - 谷歌浏览器在开发者工具中复制 CSS 路径

Google Chrome 的开发者工具在工具栏底部显示所选元素的 CSS 路径(或其中的大部分)。在 Firebug 中,您可以右键单击 CSS 路径中的任何选择器,然后将 CSS 路径抓取到该元素。谷歌浏览器有这个功能吗?如果没有内置支持,可以使用哪些工具?

Chrome CSS 路径