问题标签 [chrome-debugging]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
google-chrome-devtools - JavaScript 文件未在 Chrome 调试器中保持打开状态
我正在开发一个前端是用 Vanilla JavaScript 编写的项目。我正在使用 Chrome 开发人员工具进行调试。我遇到的问题是 - 每次我对 JavaScript 文件进行更改并刷新页面时,我都必须再次打开该文件进行调试,它不会保持打开状态。
我在使用 JavaScript 处理其他项目时没有遇到这个问题。有没有办法让文件保持打开状态,直到我关闭它们?
reactjs - React Native 网络调试不适用于 GraphQL
我正在使用React Native Debugger来调试我的 React Native 应用程序。但是当我试图检查 GraphQL 查询(由 Apollo 客户端发送)时,我Nothing to preview
在调试器的Preview
窗口中。没有错误,没有沟通为什么会发生。似乎调试器无法以某种方式解析响应?来自服务器的响应已正确发送。是已知问题吗?
reactjs - 如何从命令行调试 reactjs 并将其附加到 chrome 调试器
我是 reactjs 的新手,我使用init
命令创建了一个项目,并使用运行示例npm start
但是我想知道是否有办法在调试模式下运行它并将其附加到 chrome 调试器。我尝试过类似node --inspect-brk=127.0.0.1:9229 .\node_modules\react-scripts\bin\react-scripts.js start
的方法,但这只是调试 react-script.js 文件,我想这是预期的,但这是我知道运行 reactjs 程序的唯一方法。
注意:我尝试过使用 vscode 进行调试,但是我很想知道命令行中的过程是什么。
提前致谢!
google-chrome - 如何在没有 USB 调试的情况下在 Chrome 移动设备上获取控制台日志?
我曾经遇到一个 SO 答案,它提供了一个 Chrome URL 导航到,它有一个按钮来“启用”JS 控制台日志记录。启用日志记录后,该选项卡将显示其他 Chrome 选项卡的控制台日志。
我知道这个答案似乎是重复的,但我很难找到如何再次做到这一点。这非常方便,因为它无需连接 USB 即可在任何 Chrome 浏览器上提供控制台日志。
有任何想法吗?我知道我在一个关于 iOS 调试的 SO 问题中遇到了它。
developer-tools - Chrome 开发者工具冻结
我无法在本地主机上调试我的网页。打开开发人员工具,然后单击源选项卡。它会挂起/冻结。对于其他网站,如 YouTube .. 它工作正常。我在某处读到这与在开发人员工具中设置 previousviewedfiles 有关。请帮忙!
javascript - WSL 上的 vscode - Chrome 调试失败
我是 JS 开发的新手,刚刚开始介绍 JavaScript 课程。
我已经编辑了这个问题,因为我尝试了不同的方法
我正在尝试使用安装了适用于 Linux 版本 2 (WSL2) 的 Windows 子系统的Windows 10 机器。我有一个可用的 python 开发设置,但我完全无法获得一个可以运行的 JS 开发设置,我可以按 F5 并运行 Chrome 调试会话。
搜索了几个小时后,我回到了基础知识,我不想做的就是为基本index.html
文件获取一个有效的调试会话。谁能发现我有什么问题?
目前,以下launch.json
确实启动了 Chrome 浏览器,但我This site can't be reached
在浏览器窗口中看到。
也试过这个配置:
}
我安装了 Chrome 调试器 - v4.12.12
在 vscode DEBUG CONSOLE 中,当我点击 run: 时,我看到了这个错误crbug/1173575, non-JS module files deprecated.
。
我也尝试过运行和不运行我的 Bitdefender 防火墙,以防万一出现故障,结果相同。
更新
- 除了“Remote - WSL”之外,在 VSCode 中安装了“Remote Development”扩展。
- Node.js 调试工作正常......但我真的希望 Chrome 或 FireFox 工作
- 尝试将 IP 地址换成单词
localhost
……仍然没有。 - 新文件启动配置,见上文,新错误:
Not allowed to load local resource: file:///__vscode-remote-uri__/home/USER/JS-dev/index.html
angular - 更新到 Angular 11 后在 chrome 中调试问题
在我将 Angular 9.1 应用程序更新为 Angular 11 之后:
- 在其中一个库中调试时,chrome 不会在我的断点处停止。可以像以前一样调试其他库和应用程序。
- 在有问题的库中,我也不能在 if/for 语句上设置断点(这些语句上的断点会自动转到文件末尾)。如果我在 es2015.js 文件中放置断点,chrome 会将断点放在 ts 文件中的正确位置,但它仍然没有被命中。
我首先使用 ng update 从 angular 9.1 升级到 angular 10,然后从 angular 10 升级到 angular 11。我已经尝试将有问题的库与其他库进行比较,并尝试更改库定义,但没有任何帮助。提前感谢您的任何想法
javascript - 使用 chrome.debugger 库发送一封信的正确语法是什么?
我已经成功发送了一封信(或使用此语法的文本字符串):
这可以满足我的大部分需求,但我真的希望能够发送特殊字符,如制表符。第一步是让我能够使用诸如 windowsVirtualKeyCode 或 nativeVirtualKeyCode 之类的参数发送一个字符,但是当我用这样的东西替换上面的行时,我没有得到任何响应。
我不确定为什么顶部的代码有效而底部的代码无效。也许我为字母 b 使用了错误的小数点。或者更有可能我错过了所需的参数。在验证我可以成功编写 windowsVirtualKeyCode: 0x42 之后,我的最终目标是发送一个制表符,我认为它是十进制值 9。
我无法弄清楚当我的第二行代替正在工作的顶行时,我的第二行在哪里没有产生相同的响应。