当我输入console.log到我的浏览器，为什么谷歌浏览器不显示我的结果?

Question

我是一个盲目的学习者。我想测试像

这样的表达式

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

但是它没有显示任何东西(甚至没有错误)。

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

浏览器是最新的。

任何帮助我们都非常欢迎。

Answer 1

Google Chrome不方便视障人士在他们的开发人员工具控制台看到console.log()语句的结果。

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

1. 输入console.log(1+2)，按Enter。

2. 我按转变+标签。

   这是"undefined"，因为这是console.log()的返回值。

3. 我按了左箭头一次。

   这是"三"。

我无法想象阅读任何更复杂的东西的体验。好运。

Answer 2

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

首先，阅读一下Google关于devtools快捷方式的文档，你会发现有很多你可以使用的快捷方式。这让你更容易习惯在控制台导航。

如何在你的例子中导航。

当您不习惯它时，令人困惑的是，记录到控制台的文本附加到行和字符声明(因此，例如它可能读取"VM50:1 3"，下面解释)

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

然后，如果你按向上箭头，它将聚焦一个链接，并宣布"link vm50:1 3"链接vm50:1;是行号和字符号以及"3"就是答案。

更容易理解的方法是将一些单词记录到控制台，如果你记录"我喜欢奶酪，它很好吃";你会得到类似于"我喜欢奶酪，它很好吃!">

当你得到一个导致堆栈跟踪的错误时(当我们从底部读取到顶部时)，可能会让人感到困惑。为此，我倾向于使用向上箭头，直到我听不见"并获得一个脚本名称，因为它也将宣布错误。

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