如何用JavaScript设置浏览器导航栏显示的页面缩放级别（非body.style.zoom）

截至2023年，普通前端网页无法通过JavaScript直接修改Chromium浏览器导航栏显示的原生缩放级别。

原因很明确：浏览器的原生缩放级别属于浏览器层面的全局用户设置，出于安全和权限隔离的设计，浏览器不会向普通网页的JavaScript开放修改该值的API——这是为了避免恶意网页擅自篡改用户的浏览偏好，破坏正常的浏览体验。

你提到的两种常见替代方案，和原生缩放有本质区别：

• body.style.zoom：仅作用于页面内容的CSS级缩放，不会同步到浏览器导航栏的缩放数值，页面刷新后设置会失效，且部分元素的渲染逻辑和原生缩放不一致。
• body.style.transform: scale(n)：属于CSS变换范畴，只是视觉上放大页面元素，不会改变页面视口尺寸，导航栏的缩放数值也不会更新，刷新后同样会重置。

唯一能修改原生缩放级别并同步到导航栏的方式，是基于Chrome扩展/插件开发：通过Chrome扩展提供的chrome.tabs.setZoom() API，可以修改指定标签页的原生缩放级别，这个操作会同步更新导航栏显示的数值，且页面刷新后依然保持设置。但这种方式仅适用于扩展环境，普通前端网页没有权限调用这类API。

内容的提问来源于stack exchange，提问作者frans