表单提交不会自动携带浏览器内核信息，因其不属于表单控件语义范围；必须通过 JavaScript 主动采集 navigator.userAgentData 或 userAgent，并在 submit 事件中动态注入隐藏字段或 FormData 才能提交。
HTML 表单本身不提供获取浏览器内核信息的能力——submit 过程只负责序列化 name 值并发送数据，内核识别必须由 JavaScript 主动采集、手动附带。
为什么 form.submit() 不会自动带浏览器内核信息
表单提交（无论 GET 或 POST）仅按规范打包具有 name 属性的控件值。浏览器内核（如 Blink、WebKit、Gecko）属于环境元信息，不在 HTML 表单语义范围内，也不会被自动注入请求体或查询字符串。
- 试图在
<input name="userAgent">中靠用户手动填写？不可靠，且违背自动化采集初衷 - 依赖后端解析
User-Agent请求头？可行，但不属于“表单获取”，且服务端才可见，前端 JS 无法通过表单机制读取该头 -
form.elements遍历或FormData构造均不会包含navigator相关字段
正确做法：用 JavaScript 采集后手动注入 FormData
在监听 submit 事件时阻止默认行为，读取 navigator.userAgent 或更精确的 navigator.userAgentData（需 HTTPS + 用户许可），再追加进提交数据。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 优先用
navigator.userAgentData（Chrome 101+、Edge 101+、Firefox 113+ 支持），它提供结构化字段如brands、platform，比正则解析userAgent字符串更可靠 - 降级 fallback 到
navigator.userAgent字符串，但注意其已被部分浏览器（如 Chrome 110+）模糊化，仅保留 “Chrome”、“Edg” 等标识，不再含版本细节 - 若使用
fetch提交，直接把内核信息作为 JSON 字段发送；若仍走原生form.submit()，需动态插入隐藏域：form.insertAdjacentHTML('beforeend', '<input type="hidden" name="browser_engine" value="' + engine + '">')
form.addEventListener('submit', async e => {
e.preventDefault();
const formData = new FormData(form);
try {
const uaData = await navigator.userAgentData.getHighEntropyValues(['brand', 'platform']);
formData.set('browser_engine', uaData.brands?.[0]?.brand || 'unknown');
formData.set('platform', uaData.platform || 'unknown');
} catch (err) {
// userAgentData 不可用时降级
formData.set('browser_engine', /Edg\//.test(navigator.userAgent) ? 'Blink/Edge' :
/Chrome\//.test(navigator.userAgent) ? 'Blink/Chrome' :
/Firefox\//.test(navigator.userAgent) ? 'Gecko' :
/Safari\//.test(navigator.userAgent) && !/Chrome\//.test(navigator.userAgent) ? 'WebKit' :
'unknown');
}
fetch(form.action || window.location.href, {
method: form.method || 'POST',
body: formData
});
});
常见误判点：把渲染引擎当内核，或混淆平台与内核
“浏览器内核”常被误认为是 Chrome、Safari 这类品牌名，实际应指向底层渲染/JS 引擎：
立即学习“前端免费学习笔记（深入）”；
-
Chrome和Edge当前都用Blink（不是 WebKit）；Safari用WebKit；Firefox用Gecko -
navigator.platform返回的是操作系统（如"Win32"、"MacIntel"），不是内核，别混用 - 仅靠
navigator.vendor（如"Google Inc."）无法区分 Blink 和 WebKit，二者都可能返回类似值 - 服务端收到的
User-Agent头里，“KHTML”、“Trident” 等旧标识已基本消失，现代检测必须依赖userAgentData或特征检测
真正可靠的内核识别依赖主动采集 + 多层 fallback，且必须在提交前完成注入；任何指望表单自动携带或后端从 headers 反推前端意图的做法，在现代浏览器策略下都会失效。
