當我在瀏覽器中輸入 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 ），因為這也是一種快速解決錯誤的方法（盡管如果您獲得上述堆棧跟蹤可能會令人困惑）。