问题标签 [browser-console]

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 回答
1864 浏览

html - 有没有办法从控制台打印 angular4 组件中的变量值?

我使用 Angular 4 将简单键保存在组件中的变量中,当应用程序关闭时,每个值都会被删除,我知道。

这是一个简单的示例:

我只是想知道有没有办法使用浏览器控制台来显示this.data价值console.log()

0 投票
0 回答
34 浏览

google-chrome - 如何在新选项卡上保留日志

在谷歌浏览器中,是否可以在打开时将日志保存到新选项卡上?

我知道保留日志选项将在导航时保存日志文本,但我想这样做,以便将日志复制到新选项卡,以便每个新选项卡都具有相同的 JavaScript,有什么想法吗?

0 投票
1 回答
660 浏览

javascript - 在 Chrome 的浏览器控制台中调用 clearInterval

我在浏览器控制台中运行此 JS 代码,以 4 秒的间隔显示表格中的一些名称。循环运行 X 次后,它应该清除间隔。

我已将区间 ID 保存在变量 refreshIntervalId 中,并在循环后使用此 ID 调用 clearInterval 函数,但我的区间继续运行,在控制台中显示相同的名称。变量是否超出范围?还是浏览器控制台在这方面有一些限制?

0 投票
1 回答
79 浏览

javascript - 使用 `console.log` 可见的构造函数的属性与使用 `console.dir` 可见的构造函数的属性有什么区别?

在控制台中,当我定义一个构造函数,然后在事后向它添加一个属性时,运行console.log(myConstructor)不会泄露该属性。但是,当我运行时,我console.dir(myConstructor)现在可以看到我添加的属性以及许多其他属性。我可以看到的属性和我不能看到的属性之间有什么区别console.log?是否有可以用来区分这两种属性的特定术语或词汇?

0 投票
2 回答
166 浏览

javascript - 为什么在控制台中交换 == 的参数会改变输出?

如果我打开浏览器控制台(在 Chrome/Firefox 中测试)并输入:

我得到:

错误的

但是,如果我将两个参数都传递给==运算符,而是键入:

我得到:

未捕获的语法错误:意外的令牌 ==

图片:

在此处输入图像描述

  • 为什么会这样?
  • 为什么这只会在控制台中发生,而不是在浏览器在 HTML 页面中执行脚本时发生?

编辑:

虽然问题 35812626解决了这个问题并解释了 JS 将其解析{}为代码块的原因,但它使用了三等号(严格比较)运算符===,而不是双等号==。正如用户在下面指出的那样,一个代码块肯定可以跟在后面而==不会导致语法错误:

这是怎么回事,而我的例子却没有?

0 投票
1 回答
229 浏览

javascript - 在某些网站上使用 jQuery 函数会导致 Uncaught TypeError

我通过在 Chrome 的控制台中编写一些代码来学习 jQuery,例如向idDOM 元素添加一个,然后执行 jQuery 函数。

在某些网站(例如Google)上,我得到Uncaught TypeError了,而在其他网站上,我没有。这是一个例子:

DOM修改:

安慰:

错误:

其他网站(例如StackOverflow)上的相同流程有效。是什么原因?

0 投票
2 回答
919 浏览

javascript - 在浏览器控制台中使用 JavaScript 将颜色代码更改为另一种颜色代码

我是一名网页设计师。

当我浏览网站时,我喜欢改变一些颜色,看看当我改变原色时网站会如何出现。

我使用“检查元素”来做到这一点。但这是非常耗时的工作,因为我需要添加大量代码来到处更改。

是否有任何 JavaScript 代码可用于使用浏览器控制台将一种颜色代码更改为另一种颜色代码。

基本上我想要的是下面的东西......

使用浏览器控制台将本站点中所有位置的 #FFF8DC 颜色更改为 #e6dfc6 颜色。

0 投票
3 回答
475 浏览

javascript - Ajax 在页面中发回后,Javascript 控制台命令不起作用

我在 Chrome 开发者控制台中控制一个网站。有一个表单和一个提交按钮,用于通过 ajax(我猜)发送表单而无需刷新页面。发送信息后表单正在重置。

我使用 Javascript 为页面中的表单元素分配了一些属性。有些过程无关紧要,我正在发送表单,但元素的属性正在新表单中重置。我被迫再次调用相同的脚本。

无论如何,是否有带有控制台编码的全局有效命令,因为该网页不是我的?(在纯 JavaScript 中)

0 投票
1 回答
2430 浏览

firebase - 警告“看起来您正在使用 Firebase JS SDK 的开发版本。”

目前我收到警告:

我已经浏览了几个与此问题相关的链接,但即使遵循了他们的所有解决方案,我也无法消除该错误。正如描述所说,将给定的链接与我正在使用的组件的名称一起使用。我已经包含了我需要的链接,但我仍然看到警告。

我什至尝试包含 Firebase 网站中提供的所有链接,但我仍然看到它。

目前我只使用 Firebase 实时数据库,但在使用 CMD 创建 firebase init 时,我已经包含了函数、托管、存储和数据库。

我什至尝试将版本从 5.0.0 更改为 5.4.0,但没有用。如何解决这个问题?

0 投票
1 回答
39 浏览

chromium - Google Chrome 开发者工具 - 这是什么?

这是某种上下文吗?它是如何创建的?

在此处输入图像描述

谷歌的 Chromium 源代码有一个webFrame似乎可以创建显示在那里的上下文。还有其他方法可以创建这些吗?

欢迎对此代码/文章的任何参考。