问题[google-chrome](coding)

我正在构建一个在我的家庭局域网上运行的 Web 应用程序，它将视频文件从中央服务器传输到我想要观看的任何设备。

这些视频文件（.mp4、.mkv 等）通常有多个音频流/音轨。单个文件中的这些音频流的编码可能不同，也可能相同（AAC、AC3、MP3 等）。

我的问题是，当在 HTML5 元素中播放视频时，如何预测实际会使用哪个音频流<video>？（我感觉这可能因浏览器而异，因此如果为了回答问题我必须选择一个，那么我们就选择 Google Chrome）。

我通过反复试验找到了一些信息，但一直没能找到任何实际的文档。例如，我知道 Google Chrome 拒绝播放 AC3 音频。当呈现仅包含 AC3 音频流的视频文件时，它会静默播放（无声音）。当呈现同时包含 AC3 流和 AAC 流的视频时，它会播放后者 - 它唯一支持的流。

但是，我不知道它使用什么方法来在两个 AAC 流之间进行选择。它只是选择流索引最低的流吗？它是否会尝试根据流的标记语言进行过滤？它是否会评估连接的硬件并考虑频道（例如，在连接了合适的硬件时选择 5.1 流）？

如果有人能链接到上述任何文档，我将不胜感激。我已经搜索了几个小时，但还是没能找到任何文档。或者，分享你的经验。理想情况下，我希望能够以这样一种方式构建我的音频流：当支持时，使用我的“首选”流，当兼容性较差时，逐渐使用较差的流作为后备。

在 Google Chrome 的 cookie 中，时间戳值如下：

1765064691

为了将这个整数转换为人类可读的日期/时间，我需要做哪些计算？

显然，我第一次尝试使用 Tampermonkey 时遇到了一些困难。bato.to 评论部分在 PC 上仅加载前 280 像素左右的图像，我希望将其增加一倍左右，以更接近大多数用户的移动视图。在找到正确的变量后，我一直在努力使更改永久生效；Tampermonkey 似乎是最简单的解决方案，但我对“新”F12 布局和网站编码还不够熟悉，无法使我找到的任何用户脚本适用于此。

在网站上按 F12 键查看 基本上，我想要做的就是在

<div class="max-h-80 overflow-y-hidden">

改变

.max-h-80 {
    max-height: 20rem;

遗憾的是，我尚未找到有关如何实现此功能的任何帮助。max -height不被接受为一个有效变量，而我发现使用 maxHeight 的解决方案实际上无法改变网站上的值。

我能够kinit + klist在 Mac + Windows 上成功验证票据。我甚至将我的 Kerberos 配置转移到“KerberosForWindows”。

似乎 Windows 上的任何浏览器都无法执行 Kerberos 样式协商，而不是 Windows 样式的 NTLM。是这样的吗？

我已尝试了所有本地站点 / 内部网 / 受信任域 / 浏览器配置传播域以进行协商身份验证。我只是想确认 Windows 浏览器是否可以进行 GSSAPI 样式协商。

// Kerberos authentication middleware
async function kerberosAuth(req, res, next) {
  // Check for the Authorization header and extract the token
  const authHeader = req.headers['authorization'];
  if (!authHeader || !authHeader.startsWith('Negotiate ')) {
      res.setHeader('WWW-Authenticate', 'Negotiate');
      return res.status(401).send('Kerberos authentication required');
  }
  const token = authHeader.slice('Negotiate '.length);

  // Base64 decode the token
  const decodedToken = Buffer.from(token, 'base64');

  // Check if it's NTLM
  if (decodedToken.toString('hex').startsWith('4e544c4d')) {
    // always hit on Windows
    return res.status(500).send('NTLM is not supported. Please use Kerberos authentication.');
  } else {
    // only ever hit on Mac/Linux
  }

我一直在使用 Vite 和 React 开发 Chrome 扩展程序，直到最近一切都运行正常。我没有做任何更改，但现在我收到内容安全策略 (CSP) 错误，导致脚本无法加载。

这是我在控制台中收到的错误消息：

Refused to load the script 'chrome-extension://5216f022-cd78-49fc-abf9-9e362fc1640f/assets/content-script-preamble.js.js' 
because it violates the following Content Security Policy directive: 
"script-src 'self' 'wasm-unsafe-eval' 'inline-speculation-rules' http://localhost:* http://127.0.0.1:*". 
Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

这是我的manifest.json：

{
  "manifest_version": 3,
  "name": "CRXJS React Vite Example",
  "version": "1.0.0",
  "action": { "default_title": "Tags New", "default_popup": "index.html" },
  "permissions": ["storage", "webNavigation", "tabs", "scripting", "cookies", "activeTab"],
  "background": {
    "service_worker": "src/background.js"
  },
  "content_security_policy": {
    "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self'"
  },
  "content_scripts": [
    {
      "js": ["src/content.jsx"],
      "matches": ["<all_urls>"],
      "run_at": "document_idle"
    }
  ],
  "host_permissions": [
    "http://localhost:3001/*",
    "https://tagdots.vercel.app/*"
  ],
  "web_accessible_resources": [
    {
      "resources": ["images/cursor-custom.png", "images/icon32.png"],
      "matches": ["<all_urls>"]
    }
  ],
  "icons": {
    "16": "images/icon32.png",
    "32": "images/icon32.png",
    "48": "images/icon64.png",
    "128": "images/icon64.png"
  }
}

错误消息似乎表明脚本 chrome-extension://5216f022-cd78-49fc-abf9-9e362fc1640f/assets/content-script-preamble.js.js 因违反 CSP 而被阻止。但是，我最近没有对清单或代码进行任何更改。

一些额外的背景信息：

• 该扩展使用 Vite 和 React。
• 该错误突然出现，而该扩展之前运行正常。
• 除了扩展内的脚本之外，我没有明确加载任何外部脚本。
• 我的 CSP 目前允许 script-src 下的“self”和“wasm-unsafe-eval”。
• 我尝试调试这个问题但似乎无法确定是什么原因导致了这个问题。

我的问题：

• 如果我的扩展程序没有任何变化，那么此错误可能是什么原因造成的？
• 我该如何解决 CSP 问题以使脚本正确加载？
• 任何帮助或指点都将不胜感激。谢谢！

我有一个域名bar.local（本地开发阶段）和另一个后端foo.bar.local

在对 bar.local 的请求中，我设置了一个 cookie（在服务器上，在 PHP 中）

$success = setcookie(
    'amc-jwt'
    $accessTokenString,       // cookie value
    time() + 60*60*24*30,           
    '/',
    'bar.local',
    true,                     // secure
    true                      // http-only
);

请求后，我可以在 chrome dev tools 下的应用程序选项卡中的 cookies 中看到该 cookie。

问题

• Chrome 不会在请求中添加 cookiefoo.bar.local
• 在网络选项卡中，我没有该请求的“cookie”选项卡

在其他请求中bar.local我看到了 cookies 选项卡。

知道问题是什么或如何调试吗？

我最近发现，在 Chrome 和 Edge 的开发工具中，对于 OData 服务的 $batch 调用，我不再有预览/响应。

尽管如此，在 Firefox 中我可以毫无问题地看到它：

我也用 Brave 和 Arc 测试了这个问题 - 那里有完全相同的问题，所以我认为这是 Chromium 的问题。有人知道问题是什么以及如何解决吗？

这是一个简化的 contenteditable 编辑器，包含两行文本：

let button = document.querySelector("button");


button.addEventListener("click", modify);
function modify() {
  let selection = window.getSelection();
  selection.modify("move", "forward", 'line');
}

<div contenteditable>
  <p>This is a line of text.</p>
  <p>This is a second line of text.</p>
</div>

<button>Extend selection</button>

步骤：

1. 将光标放在“This”之后的第一行
2. 点击按钮

预期：光标移动到第一行的末尾。

实际：光标移动到第二行中间某处。我在 macOS 上使用 Chrome 128。

我不太清楚这种行为。规范 ( https://w3c.github.io/selection-api/#dom-selection-modify ) 也没有具体说明这种行为。

我的问题：

1. 为什么在 Chrome 上给出的示例中光标会以这种方式移动？
2. 还有其他方法可以让我把光标移动到 Chrome 上的行尾吗？

我正在尝试将网页打印为 PDF，但从本周起就无法正常工作。我使用的是 Chrome，但它也无法与 Edge 配合使用。

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --headless --print-to-pdf="new_file.pdf" "https://google.com"

有人可以帮忙吗？

我有 2 个后台脚本，一个是 background.js，另一个是 background.ts 当我在构建文件中构建所有内容时，它看起来像这样： /build |-background.js |-helper |--background.ts

我想要实现的是，我想将 chrome 消息从 .js 发送到 .ts 后台 - 这种通信是否可行？两个背景都在工作，一切都很好，除了他们之间缺乏沟通。

我尝试将消息从background.js发送到内容脚本，然后发送到background.ts，似乎可以正常工作，但内容脚本取决于选项卡，我希望在后台脚本之间有直接的通信通道。