Visual Studio中console.log调试HTML报退出码1的解决方法

你运行后报退出码1、拿不到预期输出，是运行逻辑完全错了：

• 你当前是用Node环境直接执行index.js文件，Node是服务端JS环境，不存在浏览器提供的document全局DOM对象，代码跑到document.getElementById这行就会直接抛异常终止，自然返回非0的退出码。
• HTML里嵌入的前端JS是运行在浏览器环境里的，这类代码里的console.log输出不会打印到Visual Studio的终端面板，而是打印到浏览器的开发者工具控制台。

• 不要单独选中index.js点运行。找到你写的HTML文件，右键选择在Chrome/Edge浏览器中打开。
• 网页打开后按F12调出开发者工具，切换到Console（控制台）标签页。
• 刷新一次页面，控制台就会打印出你要的CSS属性名数组。

如果不想切到外部浏览器看输出，可以按下面配置：

• 打开VS的扩展管理面板，搜索安装Live Server扩展。
• 安装完成后右键你的HTML文件，选择「Open with Live Server」，VS会自动启动本地静态服务打开页面。
• 调出VS内置的浏览器开发工具，就能直接在编辑器内的控制台面板看到log输出，不用切换外部窗口。

补充提示：element.style 仅能读取元素上写的内联样式属性，如果你的h1标签没有写任何内联style属性，直接执行Object.keys(header.style)初始会返回空数组。如果要获取元素当前生效的所有样式属性，需要用getComputedStyle(header)方法获取计算后样式对象再遍历。

内容的提问来源于stack exchange，提问作者limpanJJ