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

google-chrome - Chrome 浏览器无限控制台记录 MessageEvent

我注意到我的 chrome 浏览器会自动记录 MessageEvent 对象,这会扰乱我的应用程序开发。

最初,我认为问题出在我的代码中,但我只是注意到即使访问www.stackoverflow.com或任何网站,它仍然会记录 MessageEvent 对象。我搜索了 chrome 设置,找不到任何标有“消息事件”的选项;我不知道该怎么办了。

0 投票
1 回答
40 浏览

javascript - 有没有办法使用 JavaScript 在浏览器中手动生成答案?

因此,如果我要求的东西被称为,我不是 100% answer。如果您打开浏览器的控制台,在任何基于 chromium 的浏览器中,它应该如下所示:在此处输入图像描述

在 Firefox 中,它看起来像这样:在此处输入图像描述

如果您使用类似document.getElementById.

有什么办法可以写到所述结果/答案?

0 投票
2 回答
64 浏览

javascript - 为什么可以让重复声明变量?

为什么可以让在浏览器控制台中重复声明变量?

我记得我之前会报错。21 年 chrome 是否基于该 ECMA 规范?

让 a=1
未定义

让 a=12
未定义

navigator.userAgent
'Mozilla/5.0 (Windows NT 10.0; Win64; x64)
AppleWebKit/537.36 (KHTML, like Gecko) Chro
me/93.0.4577.82 Safari/537.36'

这是一个屏幕截图:

在此处输入图像描述

0 投票
1 回答
44 浏览

javascript - 为浏览器和节点编写 JS 代码

一般来说,对于编程来说相对较新,我通常用 JS 编写的代码并不是很复杂。直到现在,我从来没有觉得有必要将它分割成更容易管理的小块。
我总是使用单个文件和单个对象的方法

然后我会简单地将它加载到 html 中。为了调试,我使用了浏览器控制台。
但最近我安装了 nodeJS 并了解了模块系统,我认为这正是我当前项目所需要的。到目前为止,我使用上面显示的技术对其进行了编码,但现在很难管理。滚动浏览一个巨大的凌乱的 js 文件非常令人沮丧。我也意识到也许我也想在节点中使用这个项目,所以模块真的会帮助我想。

MDN Docs上我了解到模块也可以在浏览器中使用,这让我非常高兴,直到我意识到在浏览器中它们不能在本地运行,而只能通过 http(s) - 服务(意味着我不能使用我的最喜欢的用于调试的 chrome 控制台)。但是如果模块系统与nodeJS中的相同,那么我仍然可以使用node在本地运行和测试项目!

但是,我不知道如何使用模块,以便它们可以在浏览器和节点中使用。例如要求、导入和导出 ( exportx exports = x module.exports = ) 的令人困惑的方式。
我知道一些与我类似的旧问题,但它们已经很老了。由于模块现在实际上是 web 标准的一部分,我真的希望有一种简单的方法可以做到这一点,而不需要任何外部工具。

如果您能指出我正确的方向或展示编写可以在两种环境中运行的模块的示例,那就太好了。

0 投票
2 回答
23 浏览

google-chrome - 当我尝试检查元素时,无法在页面重新加载时检索下拉菜单的 ID

下面是我正在尝试为其编写赛普拉斯测试的网页截图。

如您所见,我已设法将“teladoc”写入输入框中,但现在我需要单击下拉菜单以导航到不同的页面。

我无法获取下拉菜单的 ID 等。

当我尝试检查下拉菜单时,页面重新加载并且下拉菜单消失。

有人知道我该如何检查吗?我也尝试过 cypress explorer,但它也会预先重新加载。

在此处输入图像描述

0 投票
2 回答
61 浏览

content-security-policy - 处理 CSP 标头,将控制台浏览器视为拒绝执行内联脚本,因为它违反了以下内容安全策略指令

内容安全策略的#console 浏览器问题

拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src 'self'”。启用内联执行需要“unsafe-inline”关键字、哈希(“sha256-9X08/o2ns8hEbTzT0V1Xyn6yYc8qftFOKmH3KNb8dWo=”)或随机数(“nonce-...”)。[在此处输入图像描述][1]

为 CSP 编写的代码

0 投票
0 回答
20 浏览

javascript - 如何配置 JSHint 以在浏览器控制台中捕获 TypeErrors?

我正在开发一个自定义编辑器,它使用 Monaco 编辑器来接受用户片段(在 JS 语言中预定义),并且我正在使用 JSHint 在将其提交到后端之前评估它们的有效性。

根据我的应用程序,数据类型可以接受一定数量的自定义函数。让我们举一个 String 的例子来更清楚地说明我的情况。

我已经使用以下脚本初始化了 JSHint:

所以我的程序中所有字符串的两个可接受的函数是myFuncmyAnotherFunc

但是,如果用户输入/调用任何其他函数,如

我希望它像浏览器控制台那样抛出错误。

在此处输入图像描述

我也检查了jsHintData变量内部的“错误”数组。有人可以帮我理解我哪里出错了吗?

如果有帮助,这是我的 JSHint 配置:

0 投票
0 回答
21 浏览

csv - 使用 XPath 提取缺少单元格的表数据/生成 empy 条目

我正在尝试使用 XPaths 从网页中提取数据,然后将其插入到电子表格中。更详细的总结在问题的最后。

该网页包含“主要单元格”。每个这样的主细胞都有 0 到 2 个(包括)子细胞。我想提取这些子单元格并将它们插入到电子表格中,并在缺少子单元格的地方生成空条目。

例子:

这应该导致两列

第一列

第二栏

如果我将其粘贴到电子表格中,结果应该是

在一种情况下,我为第一列提供的 XPath 是

和第二列

(它们非常不精确且容易出错,但它们只会被使用一次)

我在浏览器控制台中手动执行此操作,并且仅针对某个网页/站点执行一次,但我将定期对新站点/网页执行此操作(也就是说,我必须更改 XPath 但过程 - 这是我的问题的核心 - 会是一样的)。

问题是,当单元格丢失时,结果列表不包含空条目,这意味着当我将其粘贴到电子表格的第 2 行和第 3 行时,我的示例将不正确:

有关我的用例的更多详细信息:

  • 通常我的结果中会有成百上千行。
  • 正如我上面提到的,我将在浏览器控制台中手动执行此操作(我认为?有更好的选择吗?)。
  • 我会将结果从控制台复制粘贴到文本编辑器进行一些小的清理,然后将其传输到电子表格以进行进一步操作

问题是:当子单元格丢失时,如何在结果中实现空条目,以便在插入电子表格时行匹配?

额外的问题:当我在 Firefox 中执行 $x(".//header") 并将结果复制到文本编辑器中时,它看起来像这样:

我只对 749 和 495 感兴趣,并且更喜欢看起来像这样的输出

有什么方法可以实现吗?

总结一下:我经常发现网页的结构可以被描述为基于单元格的,其中每个单元格至少包含两个子单元格。我想将这些子单元格提取到电子表格中。通常这些子单元之一从主单元中丢失。这可以防止我先粘贴第一列,然后粘贴第二列,使其行与相应的子单元格匹配。

我想设置一个进程,让我只需找出子单元格的 XPath,然后在浏览器控制台(或其他适合手动执行此操作的工具)中执行它,最后只需将结果复制粘贴到电子表格。