React Js中如何获取客户端已安装/连接的所有打印机列表

纯公网环境下运行在标准浏览器沙箱中的React Web应用，无法直接获取客户端设备上全量已安装/已连接的打印机列表。这个限制是浏览器的安全策略决定的：如果网页可以无感知枚举本地打印机列表，会被恶意站点用来做设备指纹追踪，泄露用户隐私，因此所有主流浏览器都封禁了对应的无授权读取能力。

1. 纯浏览器标准环境可实现的能力 #

你无法直接拿到全量打印机列表，但可以通过标准API触发用户主动操作，获取用户手动选中的单台打印机信息：

• 调用window.print()时会弹出系统原生打印选择框，用户可自行选择目标打印机完成打印，但整个列表由浏览器/系统控制渲染，JS无权读取列表内容。
• 使用目前处于规范阶段的Web Printing API，可以主动唤起打印机选择弹窗，在用户主动授权选择某台打印机后，你可以获取这台打印机的配置参数、提交打印任务，但依然无法枚举用户没主动选中的其他打印机。
• 注意：早年部分浏览器暴露过navigator.printers这类非标准接口，现在已经全部被废弃移除，没有任何主流现代浏览器支持无授权枚举全量打印机。

2. 非纯公网场景的全量列表获取方案 #

如果你的应用是企业内网应用、或者可以接受客户端配合部署配套组件，可以通过以下方式拿到全量打印机列表：

• 如果你是用React开发桌面端应用（搭配Electron/Tauri等壳）：可以直接调用桌面端框架提供的系统接口枚举打印机。比如Electron中可以在主进程调用webContents.getPrintersAsync()拿到全量打印机信息，通过IPC通信把数据传给渲染层的React代码即可。
• 如果是纯浏览器访问的内网业务：可以在客户端本地部署一个轻量的本地服务（常驻localhost端口），由这个本地服务调用系统API读取已安装的打印机列表，前端React应用直接请求本地服务的接口即可拿到数据，这也是目前企业内部Web打印系统最常用的实现方案。
• 如果你的业务场景只需要对接支持IPP协议的网络打印机，可以通过浏览器支持的IPP接口发现同局域网下授权可见的网络打印机，但依然无法获取用户本地安装的USB直连、虚拟打印机等全量设备。

不要尝试用所谓的浏览器漏洞、老旧ActiveX控件等方案做生产实现：ActiveX仅支持极老版本IE，漏洞类方案会被浏览器快速修复，稳定性和安全性都没有保障。

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