当我在浏览器中输入 console.log 时，为什么谷歌浏览器没有显示结果？

Question

我是一个盲学习者。 我想测试一个表达式

 console.log(1 + 2); function myFunction() { var a = 1 + 2; } console.log(myFunction());

但它没有向我展示任何东西（甚至没有错误）。

我不知道这是否是可访问性问题。

我的浏览器是最新的。

任何帮助都将被极大地接受。

Answer 1

Google Chrome 无法让视障人士在其开发者工具控制台中轻松查看console.log()语句的结果。

我在实验中使用了 NVDA。 您在其他屏幕阅读器中的体验可能会有所不同。

我无法想象阅读更复杂的东西会是怎样的体验。 祝你好运。

Answer 2

最初使用屏幕阅读器导航和使用开发人员工具很困难，但很快就会习惯。

首先，从 Google 上阅读有关 devtools 快捷方式的文档，您会发现有很多可以使用的快捷方式。 这使得习惯于在控制台中导航变得很容易。

如何在您的示例中导航。

当您不习惯时，令人困惑的是记录到控制台的文本附加到行和字符声明（例如，它可能显示为“VM50：1 3”，如下所述）

因此，在上面的示例中，您导航到上一项（ shift + Tab ）以获取undefined ，因为这仍然是console.log(1+2)将返回的内容。

然后，如果您按向上箭头，它将聚焦一个链接并宣布“link vm50:1 3”，其中“link vm50:1”是行号和字符号，“3”是答案。

理解这一点的更简单方法是将一些单词记录到控制台，如果你记录“我喜欢奶酪，它很好吃”，你会得到类似“VM50：1 我喜欢奶酪，它很好吃”的信息

可能令人困惑的一件事是当您收到导致堆栈跟踪的错误时（因为我们是从底部到顶部读取）。 为此，我倾向于向向上箭头发送垃圾邮件，直到我听不到“at”并获得脚本名称，因为这也会宣布错误。

最后尝试通过链接导航（NVDA 中的Shift + K ），因为这也是一种快速解决错误的方法（尽管如果您获得上述堆栈跟踪可能会令人困惑）。