Chrome DevTools是Google Chrome内置的网络开发者工具。
如何使用 Chrome 调试器从 Chrome 扩展中的 iframe 获取请求
我正在编写 Chtome 扩展,它使用 Chrome 调试器并收集状态代码 >= 400 的请求和响应。 我正在使用选项卡 API 来获取活动选项卡并将调试器附加到它 chrome.de...
我的网站上有一个脚本正在加载过程中的某个位置。它已经开始表现错误,我需要拦截它的加载位置。我几年前开发了这个网站......
新的 javascript 开发,我才开始涉足 webdev 世界。 我觉得我被 chrome 开发工具点燃了,或者我完全误解了removeEventListener 的工作原理。 难道是……
自定义 chrome 开发者工具 javascript 调试器键盘快捷键?
我不敢相信谷歌或SO搜索都没有找到明确的答案,甚至没有对此进行太多讨论,但是: 是否可以在 Google Chrome 中编辑/自定义键盘快捷键
如何使用 chrome.tabs.getCurrent 获取 Chrome 扩展程序中的页面对象?
该代码的目的是将用户正在查看的页面的当前选项卡对象输出到控制台,但它只是输出未定义。它从浏览器操作页面内运行。 chrome.tabs.getCurrent(
如果我查看某个网页的源代码,有一个脚本标签似乎在最后被切断,以省略号(...)结尾。 有没有办法判断脚本是否真的被切断了...
如何从 IDE 在移动 Chrome 上运行 Flutter Web
我的目标是让“chrome on android”作为 Intellij 中的可选运行/调试配置。 我正在寻找一种在 Android 手机浏览器上运行 flutter web 应用程序的方法。我相信这...
Chrome 控制台抽屉中的“更改”选项卡中没有 CSS 更改
我真的很想看到我所有的实时CSS更改在Chrome浏览器中的某个地方总结,SO上有几个关于此的问题,但对我来说没有任何作用。尤其是这个特殊的答案...
我正在本地计算机上使用 css 文件开发一个基本网页,并通过直接从文件系统在浏览器中打开 html 文件进行测试。 这是可行的,但现在自从使用 Chrome 开发以来......
是否可以在设置 cookie 时始终中断浏览器开发人员工具中的 javascript 执行(无需显式设置 JS 断点)? document.cookie = '...';
每个 capybara/selenium 4 测试的格式错误的请求
从 selenium 3 升级到 4 后,每个功能测试都会触发两个无效请求,puma 会记录以下错误: 2024-02-06 09:38:36 -03 HTTP 解析错误,格式错误的请求:# 从 selenium 3 升级到 4 后,每个功能测试都会触发两个无效请求,并且 puma 会记录以下错误: 2024-02-06 09:38:36 -03 HTTP parse error, malformed request: #<Puma::HttpParserError: Invalid HTTP format, parsing fails. Are you trying to open an SSL connection to a non-SSL Puma?> 这就是 chromedriver 的配置方式: Capybara.register_driver :chrome do |app| options = Selenium::WebDriver::Chrome::Options.new( args: [ 'headless=new', 'no-sandbox', '--window-size=2560,1440', '--disable-web-security', '--allow-running-insecure-content', "--enable-logging", # Enables logging "--log-level=0", # Enables all logging "--v=1" # Sets the verbosity level of logging ] ) options.add_option('goog:loggingPrefs', { browser: 'ALL' }) Capybara::Selenium::Driver.new(app, browser: :chrome, options: options) end 我无法识别这些请求是什么? 关于如何摆脱它们或如何调试这些请求有什么想法吗? -- 2024 年 9 月更新 仍然没有弄清楚这一点,并且在将 chromedriver 从 127 升级到 128 后开始出现相同的错误。 此外,每个第一个功能测试都会失败,并显示一条消息 This site can't be reached。 更新 将服务器从 puma 更改为 webrick 将消除警告,但第一个功能测试仍然失败,并出现 This site can't be reached 错误 了解 HTTP 解析错误 错误信息 HTTP 格式无效,解析失败。您是否正在尝试打开与非 SSL Puma 的 SSL 连接?表明正在使用的 HTTP 和 HTTPS 协议之间存在不匹配。如果在需要 HTTP 时尝试使用 HTTPS 连接到 Puma 服务器,则经常会发生这种情况,反之亦然。 调试步骤 检查服务器配置: 如果您通过 HTTP 访问 Puma 服务器,请确保不会无意中配置 SSL/TLS。验证您在测试设置中使用的协议是否正确。 水豚配置: 仔细检查您如何设置应用程序服务器以及您在测试中使用的 URL。确保您始终使用 HTTP 或 HTTPS。 检查网络流量: 使用网络监控工具检查测试期间发出的请求。浏览器开发工具可以帮助您查看加载测试环境时正在触发哪些请求。 记录: 增加 Puma 服务器和 Chrome 选项中的日志记录详细程度: 在 Puma 方面,调整 Puma 配置中的日志记录级别 文件或启动命令。 对于 Chrome 日志记录,您已经设置了高详细程度,但是 确保您查看指定目录中生成的日志。 潜在的修复 禁用 SSL 验证: 如果您正在针对非 SSL 端点进行测试,但具有 SSL 配置,则可能需要在请求中禁用 SSL 验证: options.add_argument('--ignore-certificate-errors') options.add_argument('--allow-insecure-localhost') 使用Webrick: 由于切换到 Webrick 目前可以消除该错误,因此在使用 Puma 进一步调查时可以考虑暂时使用它。这不是一个长期的解决方案,但它可以帮助隔离问题。 更新 Gem 依赖项: 确保您的所有 Ruby gem 均已更新,尤其是与 Capybara、Selenium 和 Puma 相关的那些。有时不兼容可能会导致问题。 检查您的测试环境: 如果第一次测试失败并显示“无法访问此站点”,请确保在运行测试之前正确启动应用程序服务器。增加依赖于服务器响应的测试的等待时间也可能是值得的。 降级 ChromeDriver: 如果问题是在 ChromeDriver 升级后出现的,请考虑在调试问题时暂时将 ChromeDriver 降级回版本 127。 水豚配置示例 以下是重组水豚配置的方法: Capybara.register_driver :chrome do |app| options = Selenium::WebDriver::Chrome::Options.new options.add_argument('--headless=new') options.add_argument('--no-sandbox') options.add_argument('--window-size=2560,1440') options.add_argument('--disable-web-security') options.add_argument('--allow-running-insecure-content') options.add_argument('--ignore-certificate-errors') options.add_argument('--allow-insecure-localhost') options.add_option('goog:loggingPrefs', { browser: 'ALL' }) Capybara::Selenium::Driver.new(app, browser: :chrome, options: options) end 结论 继续执行这些调试步骤和建议的配置。如果这些方法都不能解决问题,请提供更具体的详细信息,例如您的 Puma 服务器配置、如何在测试环境中启动服务器,以及 Puma 和 Chrome 的输出日志。这将有助于进一步找出根本原因。
我在 .NET 6 Web Api 项目中使用 PuppeteerSharp (20.0.2)。当我在开发模式下运行时,它工作得很好,但是当我尝试部署到 IIS 时,对 PdfStreamAsync() 的调用在三分钟后超时...
这是 Thunderbird 开发工具的屏幕截图。我想用不会刺激我眼睛的颜色替换突出显示的黄色(我在 Thunderbird GUI 中使用深色主题)。 所以,我创造...
在此答案中我可以将 auto 值与 calc() 属性一起使用吗?作者说 auto 对于 calc() 表达式来说不是有效值。 好吧,好吧。但我遇到的问题是我有一个 CSS 自定义
我正在尝试使用 Puppteer 获取特定网络请求的时间。 有没有办法在 Puppteer 中过滤来自 Chrome DevTools 协议的请求,以便仅在
假设我从缩小的 JavaScript 文件中获得了这个函数: 函数 fn(){console.log('Lorem');console.log('Ipsum');} 我想在致电时获得漂亮的打印缩进版本: 合作...
我在多个网站上测试了这个,到处都有同样的问题。当我在打开开发者工具的情况下在 Chrome 中刷新网站时,网站会停止并卡在加载状态。在开发者工具中打开...
有没有办法将Google Chrome的开发者工具窗口设置为始终位于最上面?
有没有办法将 Google Chrome 的开发者工具窗口设置为在与 Chrome 窗口本身分离后始终位于顶部?如果没有的话有什么办法可以设置Firebug Lite插件...
为什么Object.prototype的__proto__是另一个Object.prototype?
如果我们在chrome控制台中创建一个数组, arr=[1,2]; 并使用 arr.__proto__.__proto__ 检查 chrome devtools 中的原型链,我们得到以下结果。 正如你所看到的,__proto__ 对象...
Angular 代理、Apple Mac、Chrome 调试器失败
使用 Apple MacBook Pro 时,Google Chrome 调试工具会导致网络故障。 当不在调试器中时,以下代码可以正常工作: 异步 getQuotes() { const uriParams = 新的 HttpParams...