问题标签 [google-chrome-console]

我正在学习 JavaScript，并且到了必须在 chrome 控制台中加载 underscore.js 的地步。我做了一些搜索并以这个堆栈流响应结束：如何在 Chrome 开发人员工具的控制台中启用下划线？

上面链接中提供的代码片段对我有用。但我不知道 window.R 对象指的是什么？为什么我需要包含这个？我不能只添加脚本元素并加载下划线js吗？

我指的是提供的 stackoverflow 响应中的以下代码。谢谢！

我正在开发一个 Chrome devtools 扩展，它根据当前选定的节点在元素侧边栏窗格中显示内容。如文档中所述，使用选定节点的机制是调用chrome.devtools.inspectedWindow.evaleval'd 代码，包括$0指向最近选定节点的变量。例如，要在控制台中显示当前选择的节点，我可以调用eval('console.log($0)'). 有关此问题的背景信息，请参阅此stackoverflow 问题。

我遇到的问题涉及包含 iframe 的页面。eval 调用采用带有 frameURL 属性的选项对象。例如：

eval('console.log($0)',{frameURL: 'http://www.iframeexample.com'}).

这允许调用者评估特定帧中的代码。但是，每个帧（about:blanksrcs 除外）都有自己的$0变量，指向该帧窗口中最近选择的节点。如果一个页面有五个框架，则 有五个不同的值$0，每个框架一个。当我的扩展收到onSelectionChanged事件时，我如何知道用户当前在 devtools 元素面板中选择了哪个节点，即哪个框架的窗口 $0 指向正确的节点？我怎样才能为正确的节点提供内容？

我的第二个相关问题涉及具有相似来源的 iframe。例如，frames.com页面有两个相同的 iframe 元素src（不包括src哈希值的差异）。使用重复的 src 值调用 eval 将在其中一个帧中执行，但不会在另一个帧中执行。我找不到检查当前选定节点的两个帧的方法，$0. 在这种情况下，如果用户在框架中选择了我无法通过 eval 调用访问的节点，则无法提供与该节点相关的内容。

提供与当前选定节点相关的内容或功能是添加 devtools 扩展元素侧边栏面板的关键用例。onSelectionChanged事件在扩展程序应该检查新选择时触发，但事件回调没有收到有关所选节点的信息。鉴于上述问题，似乎不可能在多帧页面上可靠地定位用户的节点选择。我在我的方法中遗漏了一些基本的东西吗？

我试图通过在浏览器控制台中运行一些 javascript 来自动化某些事情。基本上，脚本应该做的是：

1. 点击某物
2. 等待加载动画 div 消失
3. 做点别的

我的等待功能有问题。我怀疑我的方法是错误的，但由于某种原因，我试图调用它时遇到错误。运行代码时出现两次此错误：

我的代码：

从 Chrome 控制台：

这是目前最新版本的 Chrome (69.0.3497.100) 请解释如何用 JavaScript

a) 可以创建一个包含空格的对象成员（“myParam.func value”）
b) 可以创建一个“未定义的”对象成员（“myParam.undefined”）
c) 对于 (b) 情况，是“未定义”真的是“未定义”还是只是一个字符串“未定义”？

PS。感谢@ryanpcmcquen 的评论，以下PS

聚苯乙烯。如果字符串没有像字符串、“括号之间”和红色一样显示，您能否确认我的假设这是 Google Chrome v(69.0.3497.100)控制台显示错误？

聚苯乙烯。
只有Firefox似乎可以正确显示字符串键：

Chrome、Opera Firefox Edge MS IE

我想使用 Chrome 控制台单击按钮。到目前为止，我一直使用 ID，例如：

或标题

的按钮，但在这里，我找不到类似的东西。

如果我检查按钮，我可以看到：

有没有办法以某种方式触发这个按钮？我在哪里可以读到它？

我想知道 Chrome 有什么区别，使用：

• Ctrl+Shift+我，
• Ctrl+Shift+J，
• Ctrl+Shift+C（好的，它专注于元素）
• F12

有没有 ？

谢谢

Nb : 看了这篇文章，是不是一模一样？？那么为什么要三个快捷键呢？

在我的网站上，我正在尝试一些 jquery 滑块。我去 jqueryscript.net 上找到一个不错的滑块示例，复制它，但它们通常不起作用，我真的不明白为什么。如果您能指出我的解决方案，那就太好了。另外，如果您认为有比 jquery 更好的方法，请告诉我。

现在这是一个很好的例子：Jquery 花式盒子演示在这里：https ://www.jqueryscript.net/demo/Responsive-jQuery-Lightbox-With-Amazing-CSS3-Effects-Fancy-Box-2/demo/

当您单击“简单图像库”的图像时，当您将鼠标悬停在其上时，打开的灯箱会显示箭头。

我已将此演示复制到我的网站：https ://www.hanscees.com/slider/fancy2/fancy2.html 如果您在此处执行相同操作，则没有箭头。

我的 firefox/webdeveloper 工具/控制台没有显示错误。

为什么箭头不显示？我已确保所有 css 和 js 都在文件夹和子文件夹中，就像在原始 html 源中一样。

这是 Firefox 控制台 （没有错误。）

但 chrome 控制台确实显示了罪魁祸首

这么缺图……（好尴尬）

我正在尝试使用 Chrome 控制台选项卡中的以下代码破坏 JavaScript，这给了我Uncaught SyntaxError: Identifier 'a' has already been declared异常

但只是更改变量名，它运行良好，如下所示，

谁能解释我为什么会这样？

我可以暂停视频 globalThis.ytPlayerUtilsVideoTagPoolInstance.l[0].pause()

我可以得到视频的当前时间globalThis.ytPlayerUtilsVideoTagPoolInstance.l[0].currentTime

视频到达时如何自动触发暂停currentTime > 180？

I have encountered something new in Chrome which I've not seen before and am unfamiliar with. It appears to be some type of persistent socket (best term I know of).

Up to now I've been familiar with each AJAX call being the way to contact a server, each with a request/response if the connection is successful. And each one would show in the Name column in the console. Plus, I could "Replay XHR" as an option. And the tabs Headers/Preview/Response/Timing were helpful. However this appears to be grouped and the data I see in the chat window I can't find in any of the JSON objects on the list. What is the correct name for this, and is there any way to see the individual headers/response from each call?

This is a screenshot: