问题标签 [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.

0 投票
0 回答
180 浏览

google-chrome - Chrome 扩展模拟键盘输入

目前我正在通过 javascript 使用个人 chrome 扩展工具,我很难使用这个支付表单,因为表单输入只接受用户输入按键。我已经做了一些研究,我发现 chrome.debugger 可能会工作,但到目前为止,我不确定它是如何像普通 javascript 一样工作的,它将获取输入文本的 id,然后将值设置为我想要的值

付款表格
当前代码

});

这是这些输入类型的 ID #firstName #lastName #cardNumber #expiryDate #cvv

0 投票
3 回答
1825 浏览

angular - Angular 11:如何调试 html 中的变量?

用例

我想调试 Angular 11 Web 应用程序的 html 代码中的变量。

我设法得到了ctx.ngForOf变量,但我能做的就是。

我的程序中缺少某些内容,但我找不到缺少的内容。

感谢您花时间回答这个问题

工具

我在用

  • Visual Studio 代码与代码
  • 角 11

我尝试了什么?

  • 我发现包含的变量ctx包含ngForOf从 Web 服务检索到的数据(20 项)。

ctx.ngForOf

调试到浏览器的屏幕截图

调试

0 投票
0 回答
10 浏览

google-chrome-devtools - JavaScript 文件未在 Chrome 调试器中保持打开状态

我正在开发一个前端是用 Vanilla JavaScript 编写的项目。我正在使用 Chrome 开发人员工具进行调试。我遇到的问题是 - 每次我对 JavaScript 文件进行更改并刷新页面时,我都必须再次打开该文件进行调试,它不会保持打开状态。

我在使用 JavaScript 处理其他项目时没有遇到这个问题。有没有办法让文件保持打开状态,直到我关闭它们?

0 投票
0 回答
266 浏览

reactjs - React Native 网络调试不适用于 GraphQL

我正在使用React Native Debugger来调试我的 React Native 应用程序。但是当我试图检查 GraphQL 查询(由 Apollo 客户端发送)时,我Nothing to preview在调试器的Preview窗口中。没有错误,没有沟通为什么会发生。似乎调试器无法以某种方式解析响应?来自服务器的响应已正确发送。是已知问题吗?

0 投票
0 回答
51 浏览

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 进行调试,但是我很想知道命令行中的过程是什么。

提前致谢!

0 投票
1 回答
725 浏览

google-chrome - 如何在没有 USB 调试的情况下在 Chrome 移动设备上获取控制台日志?

我曾经遇到一个 SO 答案,它提供了一个 Chrome URL 导航到,它有一个按钮来“启用”JS 控制台日志记录。启用日志记录后,该选项卡将显示其他 Chrome 选项卡的控制台日志。

我知道这个答案似乎是重复的,但我很难找到如何再次做到这一点。这非常方便,因为它无需连接 USB 即可在任何 Chrome 浏览器上提供控制台日志。

有任何想法吗?我知道我在一个关于 iOS 调试的 SO 问题中遇到了它。

0 投票
0 回答
21 浏览

developer-tools - Chrome 开发者工具冻结

我无法在本地主机上调试我的网页。打开开发人员工具,然后单击源选项卡。它会挂起/冻结。对于其他网站,如 YouTube .. 它工作正常。我在某处读到这与在开发人员工具中设置 previousviewedfiles 有关。请帮忙!

0 投票
1 回答
2224 浏览

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
0 投票
1 回答
550 浏览

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。我已经尝试将有问题的库与其他库进行比较,并尝试更改库定义,但没有任何帮助。提前感谢您的任何想法
0 投票
1 回答
36 浏览

javascript - 使用 chrome.debugger 库发送一封信的正确语法是什么?

我已经成功发送了一封信(或使用此语法的文本字符串):

这可以满足我的大部分需求,但我真的希望能够发送特殊字符,如制表符。第一步是让我能够使用诸如 windowsVirtualKeyCode 或 nativeVirtualKeyCode 之类的参数发送一个字符,但是当我用这样的东西替换上面的行时,我没有得到任何响应。

我不确定为什么顶部的代码有效而底部的代码无效。也许我为字母 b 使用了错误的小数点。或者更有可能我错过了所需的参数。在验证我可以成功编写 windowsVirtualKeyCode: 0x42 之后,我的最终目标是发送一个制表符,我认为它是十进制值 9。

我无法弄清楚当我的第二行代替正在工作的顶行时,我的第二行在哪里没有产生相同的响应。