问题标签 [chrome-dev-editor]

当您在项目类型中创建项目时，当我尝试运行 hello world 默认代码时出现以下错误：Dart Chrome App

[错误] Can't read 'package:chrome/chrome_app.dart' (ChromeService 错误: 无法解析参考: package:chrome/chrome_app.dart

代码如下：

我对 API 测试很陌生。

我正在尝试利用 Google Chrome 的开发者工具来理解和探索这个主题。

问题1：
是否可以使用chrome开发者工具获取一个简单GET请求的响应（可能是JSON格式）？

我目前正在做的是：

检查加载的相应文档

问题 2：
上图中显示的“响应标题”的相关性是什么？我的意思是，我认为这是我在执行 GET 请求后得到的响应是否正确？

非常感谢您提供的任何帮助或参考！

当浏览器在客户端执行 JavaScript 并且JavaScript 附加从 form 提交查询时，如何在Chrome 的开发工具中调试（折叠网页）。

例如，我有一个带有表单的页面，其中：

1. 文本 + 密码作为带有名称的输入字段 - password&login
2. 当我点击提交时，浏览器执行了 1000 次 JavaScript 脚本，但在结果中我只看到一个带有神奇添加的查询参数的完整查询（这些参数不存在于 HTML 表单中）
3. 保留日志没有帮助，因为浏览器在提交期间会进行重定向（点击按钮时）
4. 这些不是隐藏字段类型
5. 也没有内联 JavaScript，但.js在幕后有一个大文件

我想要的是找到负责插入那些“神奇”查询片段的 JavaScript 代码。

我可以补充一点，这个查询参数值是通过组合之前提交的输入文本/密码字段值创建的，例如：

hiddenFieldName=hiddenFieldVal&login=somelogin&password=somePassword&hrsxcvaqr1ib8slcxmalzas321=undefinedval2undefined

通过反向查找，我知道向查询中注入了什么：

1. 我可以在 Chrome 开发工具的哪个位置输入？
2. 当 val2 发生字符串附加或连接时，我需要输入什么断点或条件才能停止执行？

我正在尝试

但是当我看到这样的事情时，这并没有帮助。

这是表单提交 js 入口点

仍然没有任何帮助

我想添加断点以匹配表单输入字段的（用法）

好的，我发现这是修改表单的地方

/////////////// 这里 ////////////////

//////////////////////////////////////////////////////////////////////

///////////////////// 我们得到类似的东西 //////////

堆栈跟踪 ：

但我仍然不知道hrsxcvaqr1ib8slcxmalzas321这个名字是如何/或从哪里来的？

我正在尝试通过在谷歌浏览器开发人员工具中使用检查元素来获取用于悬停工具提示的 css。当我将鼠标悬停在编辑铅笔图标上时会出现工具提示。一旦我移动鼠标检查工具提示，它就会消失。所以我无法检查该工具提示。

<span> <span class="fa fa-pencil fa-1x" title="Edit" data-toggle="tooltip"></span> </span>

我试图( )在 chrome 开发人员工具的 Elements 部分的 div 标签内添加额外的空格。

以上呈现为文字。

预期的：

实际的：

我正在使用括号编写 HTML/CSS，但是当我进行实时预览并打开 Chrome 开发工具（Ctr+Shift+i）时。它总是有data-bracket-id=" "插入到每个标签中。在那里阅读时会让人感到困惑。但是当我尝试使用 Sublime Text 然后打开 Chrome 开发工具时，没关系，编辑器也一样。请告知我更喜欢使用括号而不是 Sublime Text。请参阅下面的问题。

我一直在学习 Udemy Web 开发训练营，我在一个单元中，要求我们制作一个待办事项列表，以便我们练习创建数组、添加和删除数组等等......

我理解讲师编写的代码，并且我已经将我的代码与他的代码进行了比较，但我找不到任何区别。

但是，在他的版本中，当他打开 Chrome 开发人员控制台并将输入输入到提示中时，控制台会做出相应的反应（即返回值或评估表达式），但是当我这样做时，什么也没有出现。

提示框是响应式的，并且可以理解我的条件，因为它会根据我输入的内容而变化，但控制台中没有显示任何内容。

你能帮助我吗？这是我的第一篇 Stack Overflow 帖子，所以请多多关照！

谢谢，杰克

我对 API 测试和一般网络中的任何主题都很陌生。

我正在尝试从网站检索不列颠哥伦比亚省、加拿大的学校名称和排名。目标数据在右表中，在提示选择省份后可用（这里我选择了不列颠哥伦比亚省）。选择省份后，我正在使用 chrome 开发人员工具来分析请求/响应，但是当我期待 JSON 响应时，我得到了胡言乱语。

选择省份后，发出 3 个 XMLHttpRequest 来比较schoolrankings.org/api/v1/ 的响应头

我假设对这些请求的响应包含我的目标数据，但是当我期望它是 json 格式时，响应内容是乱码，例如：

这是我希望请求目标数据的一个请求（它的标头）：

这是相应的响应头：

问题：当请求和响应标头都指示内容为 JSON 格式时，为什么响应不是 JSON 格式？我应该在哪里检索我的目标数据？

任何帮助或参考将不胜感激！

我试图模拟一个设备。我不明白 DPR 是做什么的。例如，如果我想添加分辨率为 720×1440 的手机。我写了 360×720 以适应我的笔记本电脑屏幕，100% 缩放意味着现在它占据了我笔记本电脑屏幕的 360×720 像素。我认为 DPR 用于将更高分辨率的设备以降低的屏幕分辨率安装到其他屏幕上，在我的情况下，DPR 应该是 2。我做了很多实验，我认为应该为笔记本电脑设置 DPR，以假设该区域具有我屏幕上的 360×720 实际上是 720×1440。但是，如果 DPR 是我的想法，那么 window.screen.width; 必须返回 720。但它仍然返回 360。只要我看到 chrome 开发工具的预添加设备列表，这个理论就适合。DPR 背后的真正逻辑是什么？我怎样才能真正添加​​我的 720×1440 设备？必须为我的设备设置什么长度宽度？

我有一个 html 元素。我想看看上面的事件，但很简单。当我在 Chrome 上执行此操作时，会出现很多事情。但是当我在 mozilla 上执行此操作时，我可以完全按照我的意愿查看事件。如何在 Chrome 上“简单”、“非重复”地查看事件？

在 Mozilla 的 chrome 中

我希望我能够解释。我在 Chrome 中看到许多不相关的事件，我不想看到它们。

谢谢大家的回复。