如何修改打印对话框下拉值，用Javascript/Jquery设置默认目标为另存为PDF

首先明确底层限制：浏览器原生打印对话框属于系统/浏览器级别的UI组件，出于安全和保障用户操作控制权的设计原则，包括JavaScript、jQuery在内的所有前端网页脚本，都没有权限直接修改对话框内的下拉选项默认值，也无法操控对话框内的任何交互元素，这是浏览器的通用规则，不存在绕过的公开方案。

针对reactToPrint场景的替代实现方案 #

如果你需要优先引导用户选择「另存为PDF」，可以根据你的应用运行环境选择对应的实现方式：

• 可控浏览器环境（如Electron客户端、企业内部定制浏览器）：可以通过配置reactToPrint的自定义打印参数直接指定输出为PDF，代码示例：

import { useReactToPrint } from 'react-to-print';

const handlePrint = useReactToPrint({
  content: () => printContentRef.current,
  // 自定义打印逻辑，仅在支持自定义打印参数的环境生效
  print: (targetWindow) => {
    targetWindow.print({
      silent: false,
      printBackground: true,
      // 直接指定打印设备为另存为PDF
      deviceName: 'Save as PDF'
    });
  }
});

• 公网普通浏览器环境：无法操控原生打印对话框，建议额外增加「直接导出PDF」功能，使用jsPDF搭配html2canvas直接生成PDF文件供用户下载，跳过打印对话框选择步骤，代码示例：

import jsPDF from 'jspdf';
import html2canvas from 'html2canvas';

const exportAsPDF = async () => {
  const contentDom = printContentRef.current;
  // 生成高清画布
  const canvas = await html2canvas(contentDom, { scale: 2, useCORS: true });
  const imgData = canvas.toDataURL('image/png');
  // 生成A4尺寸PDF
  const pdf = new jsPDF('p', 'mm', 'a4');
  pdf.addImage(imgData, 'PNG', 0, 0, 210, 297);
  pdf.save('详情文件.pdf');
}

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