开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

VSCode Chrome调试器:无法监视任何变量

VSCode Chrome调试器是一种在Visual Studio Code中使用的调试工具，它可以帮助开发人员在Chrome浏览器中进行前端代码的调试。然而，有时候可能会遇到无法监视任何变量的问题。

这个问题可能由以下几个方面引起：

配置问题：首先，确保已正确配置VSCode和Chrome调试器。在VSCode中，需要安装"Debugger for Chrome"插件，并在调试配置中指定Chrome浏览器的路径。确保Chrome浏览器已经启动，并且没有其他调试工具占用了调试端口。
代码位置问题：如果无法监视变量，可能是因为代码位置不正确。请确保在VSCode中设置了断点，并且这些断点位于实际执行的代码行上。如果代码中存在条件语句或循环，确保断点位于这些语句的内部。
作用域问题：变量的可见性是调试过程中的一个重要问题。如果变量在当前作用域之外定义，调试器可能无法监视它们。在这种情况下，可以尝试在变量所在的作用域中设置断点，或者使用"watch"功能来监视变量。
调试器版本问题：VSCode和Chrome调试器都会不断更新版本，可能会出现兼容性问题。如果遇到无法监视变量的问题，可以尝试更新VSCode和Chrome调试器的版本，或者查看官方文档和社区论坛中是否有相关的解决方案。

总结起来，当遇到无法监视任何变量的问题时，需要确保正确配置了VSCode和Chrome调试器，断点位置正确，变量在当前作用域内可见，并且考虑更新调试器版本。如果问题仍然存在，可以查阅VSCode和Chrome调试器的官方文档或社区论坛，寻求更多的帮助和解决方案。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详细信息请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详细信息请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详细信息请参考：https://cloud.tencent.com/product/cos
腾讯云人工智能平台（AI Lab）：提供丰富的人工智能服务和开发工具，帮助开发者构建智能化应用。详细信息请参考：https://cloud.tencent.com/product/ai
腾讯云物联网平台（IoT Hub）：提供全面的物联网解决方案，帮助连接和管理物联网设备。详细信息请参考：https://cloud.tencent.com/product/iothub
腾讯云移动推送（TPNS）：提供高效、稳定的移动消息推送服务，帮助开发者实现消息推送功能。详细信息请参考：https://cloud.tencent.com/product/tpns

相关搜索:Chrome调试器悬停在变量上不会弹出变量详细信息 Node.js VSCode调试器缺少环境变量 vscode调试器-无法停止或查看调用satck - flask的进程 vscode调试器变量配置使用Chrome的VSCode扩展调试器同时运行多个项目使用VSCode Chrome调试器时无法登录web应用程序变量和监视在Xcode调试器中的什么地方？在Chrome调试器中访问对象变量(VueJS调试)在VSCode调试器中设置GOOGLE_APPLICATION_CREDENTIALS环境变量在浏览器中打开VSCode将无法打开google-chrome (ubuntu)

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

VS Code 调试完全攻略（5）：基于浏览器的 React 应用

打开 .vscode/launch.json： ?...type：把调试器类型设置为 chrome，这意味着我们将在此配置中使用 Chrome 浏览器。...最后，当你停止调试会话时，VS Code 会负责关闭 Chrome。 name：你喜欢的任何名称，它将显示在调试工具栏中： ?...这也适用于监视表达式！说到监视表达式。。。彩蛋：添加监视表达式我们已经学会了怎样检查和编辑局部变量。转到变量部分并查看其值是可行的。不过当你要处理复杂的对象时，重复打开嵌套结构会变得很烦人。...你可能已经猜到了，上面所用到的方法适用于任何基于浏览器的应用。

2.2K2 0

Node.js 项目调试指南

原因可能是任何原因：使用不正确的变量名使用不正确的条件，例如 if (x > 5) 而不是 if (x < 5) 无效的函数、参数或算法通常需要单步执行代码并检查执行期间特定点的状态。...然后打开 Chrome 浏览器（或任何其他基于 Chromium 的浏览器）并在地址栏中输入 chrome://inspect ：几秒钟后，你的 Node.js 应用程序应就会显示为远程目标。...单击任意行号来设置断点（显示为蓝色标记）：断点指定调试器可以暂停处理的位置，这允许我们可以检查程序的状态，包括局部和全局变量。...右侧面板提供以下内容：一个 Watch 面板，你可以在其中通过单击+图标并输入其名称来监视变量 Breakpoints面板，你可以在其中查看、启用或禁用断点 Scope面板，你可以在其中检查所有变量...step out : 继续处理到函数结束，返回调用命令重新启动应用程序和调试器 停止应用程序和调试器 和 Chrome DevTools 一样，你可以右击任何一行来添加：一个标准的断点。

4802 0

分享 10 多条超有用的 VsCode 各场景高级调试技巧

安装后，会自动写入环境变量，终端输入code即可唤起VsCode应用程序。...日志断点对于调试无法暂停或停止的服务时特别有用。...在变量面板通过右键选择“添加到监视”将变量添加到监听面板 image.png 也可以直接在监听面板选择添加按钮进行变量添加 image.png 添加变量后就可以实时监听变量的变化 image.png...ts版本无任何关系。...借助vscode插件Debugger for Chrome在Chrome中调试第一步还是初始化vue项目，添加vue.config.js文件配置，指定要生成sourceMaps资源 module.exports

1.6K4 0

VsCode 各场景高级调试技巧，有用！

安装后，会自动写入环境变量，终端输入code即可唤起VsCode应用程序。...日志断点对于调试无法暂停或停止的服务时特别有用。...在变量面板通过右键选择“添加到监视”将变量添加到监听面板 image.png 也可以直接在监听面板选择添加按钮进行变量添加 image.png 添加变量后就可以实时监听变量的变化 image.png...ts版本无任何关系。...借助vscode插件Debugger for Chrome在Chrome中调试第一步还是初始化vue项目，添加vue.config.js文件配置，指定要生成sourceMaps资源 module.exports

1.1K2 0

使用Visual Studio Code调试Golang工程

关键字最简单的调试攻略多项目调试, 适用个人开发和项目开发无需修改系统环境变量准备VSCode 在官网下载最新版的VSCode: Visual Studio Code - Code Editing...from https://github.com/derekparker/delve & ensure it is in your "GOPATH/bin" or "PATH" 我们使用go命令行编译调试器...go get github.com/derekparker/delve/cmd/dlv 将dlv调试器放在GOPATH(工程目录)的bin目录下开始调试选中要调试的main.go, 点击F5, 既可以开始调试...调试快捷键和Visual Studio系一致 F9 切换断点 F10 Step over F11 Step in Shift+F11 Step out 注意点某些结构体成员无法直接显示时, 可以直接选中变量名..., 添加到监视, 或者右键点击: "调试:求值" 多项目调试在launch.json中可以添加多组调试入口, 通过调试面板中选中对应的配置开启不同目标的调试 { "version": "0.2.0

4.9K2 0

关于 Node.js 调试，你需要了解的一切

单击任何行号以设置断点（显示为蓝色标记）：这里的 breakpoint 断点，负责指定调试器应在何处暂停处理。我们可以借此检查程序状态，包括局部和全局变量。...右侧面板显示以下内容： Watch 窗格中，您可以通过单击 + 图标以输入变量名称并监视变量 Breakpoint 窗格中，您可以查看、启用和禁用断点 Scope 窗格中，您可以检查所有变量 Call...在 Chrome 中设置日志点日志点为 console.log()，不涉及任何代码！执行此代码时会输出一条表达式，但与断点不同的是，处理过程不会暂停。...，并跳转至它调用的任何其他函数 step out: 继续处理至函数末尾，而后返回至调用命令 restart：重新启动应用程序和调试器 stop：停止应用程序和调试器 与 Chrome DevTools...编辑器将启动配置存储在项目中隐藏的.vscode 文件夹内的 launch.json 文件。

3242 0

如何使用谷歌浏览器 Chrome 更好地调试

你的 JavaScript 是否曾经无法正确执行，并且你很难找出原因？你的 CSS 是否曾经表现得很奇怪，并且你很难找出原因或让它按预期显示？...因此，学习任何可以帮助你更有效地对 Web 应用程序进行故障排除的工具的基础知识和高级功能将使你成为更好的调试器。要成为更好的调试器，你必须熟悉使调试更容易的正确工具。...当指定对象上发生任何指定事件时，Event 对象将被记录到控制台。要监视的事件可以是特定事件、事件数组或映射到预定义集合的通用事件“类型”。...例如，要监视窗口对象的任何调整大小事件： monitorEvents(window, "resize"); 输出：你可以选择性地停止监视对象 ie 上的特定事件unmonitorEvents(object...Chrome 允许你直接从控制台执行此操作，而无需使用 debug() 函数访问你的源代码。只需在控制台中调用它并将函数的名称传递给它，它就会自动将调试器注入到函数中，让你可以单步调试代码。

3.5K3 0

Visual Studio Code (VS Code) – C++ 入门

如果遇到任何问题，在查询网络后无效的情况下可以加入 QQ 频道 VS Code。...图片图片在学习本教程时，你将看到在工作区中的被 VS Code 创建的文件夹 .vscode 和其中的两个文件： tasks.json （编译配置） launch.json （调试器配置）添加源代码文件...探索调试器 在开始单步执行代码之前，让我们花点时间注意用户界面中的几个更改：集成终端显示在源代码编辑器的底部。编辑器会突出显示在启动调试器之前设置断点的行。...设置监视有时，您可能希望在程序执行时跟踪变量的值。您可以通过在变量上设置监视来执行此操作。在监视窗口中，选择加号，然后在文本框中键入变量。...图片若要在断点处暂停执行时快速查看任何变量的值，可以使用鼠标指针将鼠标悬停在该变量上。使用 launch.json 自定义调试使用开始按钮进行调试时，C++ 扩展会动态创建动态调试配置。

11.4K13 1

VsCode配置gdb(首次成功)

发现Ctrl+F1 首先看一下是不是环境变量被配置好了接着运行一串命令,建立这样的文件目录 .vscode在工作区的文件夹中创建的三个文件： tasks.json （制作说明） launch.json...默认情况下，C ++扩展名不会在源代码中添加任何断点，并且其stopAtEntry值设置为false。将stopAtEntry值更改true为会导致调试器main在启动调试时在该方法上停止。...默认情况下，C ++扩展名不会在源代码中添加任何断点，并且其stopAtEntry值设置为false。将stopAtEntry值更改true为会导致调试器main在启动调试时在该方法上停止。...注意左侧“变量”窗口中的更改。在这种情况下，将出现错误，因为尽管调试器现在可以看到循环的变量名，但该语句尚未执行，因此此时无任何内容可读取。的内容msg是可见的，但是，因为该声明已完成。...希望在程序执行时跟踪变量的值。您可以通过在变量上设置监视来做到这一点。将插入点放在循环内。在“监视”窗口中，单击加号，然后在文本框中键入word，这是循环变量的名称。

12.5K5 0

【调试】258- 前端调试各种收集-断点篇

这个时候就可以查看当前上下文信息，比如全局变量、局部变量的值，函数的输入是否正确，请求的返回值是否正常等。通过此操作判断问题发生的地方，好对症下药。...断点方式三这种方式简单归为在编辑器中断点调试，是需要连接调试器（可以是远程调试器）或者附加进程，然后接收调试信息，就可以在编辑器源码进行断点调试。...在Chrome和VS Code中调试Vue.js：此方法出处。这种方式使用VSCode的“Debugger for Chrome”扩展，推荐。...这种方式是在启动node的时候加上--inspect，开启V8 Inspector功能，通过WebSockets通信，调试器连接即可调试，更多调试器参考官方文档。...调试aspnetcore的NodeServices其中一种打开方式，这个可以在VSCode进行调试，调试器由VSCode提供，不会自动连接，有点麻烦，建议用下一种，方便。

2.3K3 0

解放双手：如何在本地调试远程服务器上的Node代码

查看某个变量的值输入repl命令后，再次输入变量名，就可以看到变量对应的值。如果想继续执行代码，可以按ctrl+c退出。 ? 添加/删除watch 通过watch(expr)来添加监视对象。...通过watchers查看当前所有的监视对象。通过unwatch(expr)来删除监视对象。添加watch： ? 删除watch： ?...参考：https://nodejs.org/api/debugger.html#debugger_advanced_usage 方式二：通过IDE(vscode) 首先，在vscode里打开项目 ?...顺利断点，左侧的变量、监视对象，右侧的调试工具栏，用过chrome dev tool的同学应该很熟悉，不赘述。 ? 方式三：通过node-inspector 首先，安装node-inspector。...用户在界面上操作时，比如设置断点，就向 inspector服务发送一条消息，inspector服务在内部通过v8调试器来实现代码的断点。 ? 可以看到，用到了v8-debug，这个就待深挖了。

2.6K9 0

解放双手：如何在本地调试远程服务器上的Node代码

查看某个变量的值输入repl命令后，再次输入变量名，就可以看到变量对应的值。如果想继续执行代码，可以按ctrl+c退出。 ? 添加/删除watch 通过watch(expr)来添加监视对象。...通过watchers查看当前所有的监视对象。通过unwatch(expr)来删除监视对象。添加watch： ? 删除watch： ?...参考：https://nodejs.org/api/debugger.html#debugger_advanced_usage 方式二：通过IDE(vscode) 首先，在vscode里打开项目 ?...顺利断点，左侧的变量、监视对象，右侧的调试工具栏，用过chrome dev tool的同学应该很熟悉，不赘述。 ? 方式三：通过node-inspector 首先，安装node-inspector。...用户在界面上操作时，比如设置断点，就向 inspector服务发送一条消息，inspector服务在内部通过v8调试器来实现代码的断点。 ? 可以看到，用到了v8-debug，这个就待深挖了。

1.7K3 0

解放双手：如何在本地调试远程服务器上的Node代码

查看某个变量的值输入repl命令后，再次输入变量名，就可以看到变量对应的值。如果想继续执行代码，可以按ctrl+c退出。添加/删除watch 通过watch(expr)来添加监视对象。...通过watchers查看当前所有的监视对象。通过unwatch(expr)来删除监视对象。...参考：https://nodejs.org/api/debugger.html#debugger_advanced_usage 方式二：通过IDE(vscode) 首先，在vscode里打开项目然后...开始调试顺利断点，左侧的变量、监视对象，右侧的调试工具栏，用过chrome dev tool的同学应该很熟悉，不赘述。...用户在界面上操作时，比如设置断点，就向 inspector服务发送一条消息，inspector服务在内部通过v8调试器来实现代码的断点。可以看到，用到了v8-debug，这个就待深挖了。

1.8K1 0

vscode开发调试js、python

1.调试js 安装Debuger for chrome插件，点击F5，选择chrome，vscode自动生成lauch.json如下...attach调试，chrome端使用--remote-debugging-port=9222方式启动，然后配置lauch.json的request为attach js动态加载的文件，vscode...调试，vscode可以捕获chrome断点，断点需要设置到chrome里面，vscode调试。...3.lauch.json预定义变量 ${workspaceRoot} - the path of the folder opened in VS Code ${workspaceRootFolderName...4.task.json配置编译过程 task定义的命令可以被lauch.json调用，ctrl+shift+b运行任务 5.vscode调试器扩展参考：https://code.visualstudio.com

7.5K3 0

【开源公告】简单易用的lua调试工具LuaPanda正式开源

LuaPanda 是基于 VSCode 扩展实现的 lua 代码调试器。它的设计目标是简单易用，支持多框架。项目特点是使用了lua / C 双架构。...调试器主体使用lua开发（可独立运行），同时实现了一个C扩展库，兼顾了高效和灵活性。 LuaPanda 适用的场景项目开发期：使用调试器和 C 扩展库。性能较好，调试对游戏帧数影响小。...项目发布后：使用 lua 调试器。可以动态下发，避免游戏打包后无法调试的问题。 LuaPanda 功能介绍支持单步调试，断点调试，协程调试。...在断点处可以监视和运行表达式，返回结果。可以根据断点密集程度调整 hook 频率, 有较好的效率。支持 attach 模式，lua 运行过程中可随时建立连接。 ...attach模式：lua正在执行，点击VSCode上的开始调试按钮。调试器和lua虚拟机建立连接，开始调试。 ?

7.4K6 0

VS Code 调试完全攻略（6）：调试由 TypeScript 开发的 React

基础知识（点击直达）步进逐行调试（点击直达）编辑变量并重新执行函数（点击直达） launch.json 和调试控制台（点击直达）基于浏览器的 React 应用（点击直达）调试用 TypeScript...launch.json 让我们打开 .vscode/launch.json 并关注 React + TS 和 Parcel 部分： { "type": "chrome", "request...没有这个设置，VS Code 会无法将源中的断点位置映射到运行时代码： ?...在 Chrome 中，打开开发者控制台，然后转到“Sources”： ?...接下来，我们可以遵循 fetchBody 的代码流程——注意我们是如何永远都看不到任何核心库或第三方库的（例如 Fetch 或 React 内部）： ?

4.5K2 0

简化的 eggjs debug

调试几乎是每一个程序员必备的技能，而选择合适的调试就能极大的提高工作效率，由于Node.js@6.3版本之后已经内置了调试器，因此也可以和Chrome DevTools结合起来使用，于是node-inspector...目前，Chrome市场中有一些辅助工具，能帮你捕获Node.js启动的调试进程，来快速打开Chrome DevTools，你不妨在市场中找一找，说不定会有意外的收获。...这篇文章主要还是来说一说在vscode中如何来调试eggjs应用，官方团队提供了一个辅助插件来帮助我们配置vscode的调试器，https://github.com/eggjs/vscode-eggjs...如果你有兴趣这里的原理，不妨去看一看vscode的文档，有专门讲述node.js调试器部分。...感谢eggjs团队提供了很简单的调试配置，几乎不用你来处理，就可以使用vscode来调试你的Web应用。

9312 0

用于调试和分析的 5 大 Node.js 工具

Node.js内置调试器Node.js 内置调试器是Node.js本身附带的简单有效的工具。你可以使用它来检查代码、设置断点和监视变量。...步骤01使用 --prof 标志和 NODE_ENV=production 变量运行你的应用程序。...节点检查器Node Inspector 是一个独立的调试器，提供与 Chrome DevTools 类似的体验。...这将在项目的 .vscode 文件夹中生成一个 launch.json 文件，并具有一些默认设置。你可以根据需要编辑此文件。...步骤05Visual Studio Code 调试器在调试后在 .vscode 文件夹中创建 CPU 配置文件。该文件显示了应用程序的 CPU 使用情况的火焰图，以及功能及其时间。

2261 0

重磅|Vscode中使用RT-Thread Studio初体验

前言工欲善其事，必先利其器，VScode是什么东东，想必大家都非常熟悉了，丰富的插件，有好的开发界面，是很多程序开发者的不二之选，RT-Thread竟然也开发了Vscode插件,真的是非常的nice...安装Vscode 用久了各式各样的破解软件，心里是不是又有一点小担心，这个软件怎么破解？小伙伴们不用担心，Vscode是免费的并且不需要破解的，当然了，有些插件是需要付费的，一般也很少用。...Debug 注：linux、macos 版本目前只支持 QEMU 调试器，windows下可以选择的有三种，stlink，jlink，QEMU ?...点击工程上的调试按钮，即可下载工程，可在终端中查看调试过程中的输出信息与下载相似，如果没有配置调试器路径，会自动跳转到调试器配置界面 ?...】视图，您可以使用查看变量、监视变量、查看调用堆栈等等功能。

1.7K2 0

你还在用 console.log 调试？

场景：您的代码比上面的代码更复杂，并且无法确定何时出现 NaN 。当然，您可以设置一个断点，但复现错误并不容易，可能最终花费半小时来执行代码。...代码在第36行的断点停了下来然后跳出了函数 renderToDOM 调试器直接移到第29行并跳过 renderToDOM 函数的剩余部分全局变量和即时输出有时，在全局范围内存储某些值（例如组件类，...如上图所示，变量被命名temp2，您可以在控制台中使用它，因为它现在已是一个全局变量了！即时输出是 Chrome 68 中发布的一项功能，开发工具允许您在输入代码时在控制台中显示执行的结果。...过滤 node_modules 文件夹监视表达式通过监视表达式，您可以定义一些 Javascript 语句，在开发者工具运行显示这些语句的结果。...这是一个特别有趣的工具，因为您可以写任何您想要的虚拟情况，只要它是一个有效的Javascript表达式。

1.5K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭