标签: google-chrome-devtools

我一直在尝试编写一个机器人，通过将脚本复制+粘贴到 Chrome 控制台中来自动完成网站上的某些表单。（没有什么非法的。）但是，问题是这个网站是用 React 编写的，这意味着他们用于表单的受控组件会干扰简单的form.value更改。如果我尝试使用类似于 的内容填写表单form.value = answer，我仍然需要在表单上手动按键才能使其工作，这不适合我的自动化需求。

到目前为止我已经尝试过：
- 填写form.value并随后触发按键/按键/按键。
- 填写form.value减去一个字母，然后按下一个按键，对应于遗漏的字母。

之后，由于一些奇怪的原因，在我手动按键之前，回车键无法提交。

谁能帮我吗？谢谢！

最近在我的 Chrome 源面板中发生了这种情况。它曾经工作得很好。不确定这是否是由 Chrome 最近更新引起的（我目前在 macOS High Sierra 10.13.6 上使用 68.0.3440.106（官方版本）（64 位））

正如您在屏幕截图中看到的，这些都是我可以在此文件中设置断点的位置。通常情况下，你至少可以在第6-10行设置断点，但现在我只能在第8行设置断点。为什么？

有谁也经历过这种情况吗？

更新：这也发生在我的具有相同 68.0.3440.106 版本的 Windows 计算机上。

我需要使用 Chrome 在 docker 内启动 Puppeteer headfull (headless false)，但出现相同的错误：“无法启动 chrome”。

我安装了所有依赖项，但它随时都会崩溃

Error: Failed to launch chrome!


TROUBLESHOOTING: https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md

    at onClose (/app/node_modules/puppeteer/lib/Launcher.js:339:14)
    at ChildProcess.helper.addEventListener (/app/node_modules/puppeteer/lib/Launcher.js:329:60)
    at emitTwo (events.js:131:20)
    at ChildProcess.emit (events.js:214:7)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:198:12)

Dockerfile

FROM node:8

RUN apt-get update && apt-get install -yq --no-install-recommends tightvncserver xfce4 xfce4-goodies apt-utils gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates …

我有一个由一个对象组成的组件，该对象包含一个对象数组，而对象数组又包含键和字符串

this.state = {
  dinosaurs: [
    { era: "jurassic", name: "diplodocus", diet: "herbivore" },
    { era: "cretaceous", name: "velociraptor", diet: "carnivore" },
  ]
}

当我在 React devtools 中打开该组件时，我发现我可以通过双击这些字符串来编辑字符串，例如"jurassic"或"diplodocus"，但我显然无法更改“era”等键或恐龙数组。但是，可以使用 React DevTools 更改它，但我做得不正确。

我在 Google DevTools 中使用 React DevTools。

使用 React DevTools 可以或不可以更改组件状态中的哪些内容？

我尝试查看 GitHub 自述文件，我可以在部分侧窗格中看到编辑状态的提及，但没有提及可以编辑和不能编辑的内容。

我查看了如何从浏览器设置 React 组件状态和属性，但有一条评论告诉用户阅读 React DevTools 的友好手册，以及没有解决使用 React DevTools 可能或不可能的答案。

我正在尝试对恶意 JavaScript 进行逆向工程。当我最初加载侧面时，会注入 JS 代码，其中包括 -debugger- 语句并将断点注入我的 chrome 开发人员控制台。

通过 stackoverflow 阅读

• 停用所有断点没有帮助 -> 脚本冻结
• 之后继续调试器没有帮助 -> 脚本冻结
• 将脚本标记为黑盒没有帮助 -> 脚本已冻结。重载不行。

您对如何分析/调试脚本有什么想法吗？

实际上，我什至无法使用 chrome 开发人员工具中的控制台，因为一切都冻结了。

Chrome 开发者控制台

我一直在寻找，但似乎找不到任何东西。不确定是否有人知道MsgPack在选项卡中查看请求和响应的简单方法network？

我正在尝试收集 Chrome 浏览器日志：浏览器发出的警告，例如弃用和干预。例如，对于网站https://uriyaa.wixsite.com/corvid-cli2：

A cookie associated with a cross-site resource at http://wix.com/ was set without the `SameSite` attribute.
A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`.
You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

我认为下面的代码可以解决问题，但它只捕获页面代码生成的日志。

(async ()=> {
    const browser = await puppeteer.launch({dumpio: true});
    const page = await browser.newPage();
    page.on('console', msg => {
        for (let i = …

最近，Chrome 中添加了一个问题面板，如下：

如果 Chrome 团队想将其添加到 Chrome 中也没关系。问题是它在控制台中显示通知或警报（我不知道如何调用它们）。像这样的东西：

我觉得他们很烦人。有什么办法可以禁用它们吗？

在 nextjs 最近的一项更新中，vscode 中的客户端 chrome 调试似乎已损坏。当我启动以下配置时，我的断点都没有被绑定：

        {
            "type": "chrome",
            "request": "launch",
            "name": "Debug Chrome on localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}/pathto/myapp"
        },

请注意，我正在使用Debugger for Chrome (v4.12.10)扩展程序，VSCode (v1.48.1)并且正在调试通过nextjs (v9.5.2)在 Chrome 中运行提供的客户端 JavaScript，而不是 nextjs 节点进程。

有谁知道发生了什么变化以及如何让调试器再次绑定断点？

我们的测试人员依靠开发工具中 Chrome 的响应式视图来查看我们的网站如何在各种设备上运行。最近，我们收到了有关“银河折叠”布局的一些问题报告。

Chrome 似乎认为 Galaxy Fold 是 280 像素宽的屏幕。与目前大多数其他智能手机相比，这似乎异常狭窄。

不过，在谷歌上搜索这款设备时，发现 Fold 实际上是一个 1536x2152 的屏幕，比 280 像素稍大一些。即使考虑到视网膜/虚拟像素，我也看不出 280 与 1536 有何关联。

Chrome 在这里错了吗？或者它是否可能与某些屏幕异常小的旧款 Galaxy 设备相混淆？