能否通过JavaScript修改浏览器打印的边距、纸张尺寸等设置？

直接通过window.print()无法强制修改浏览器的打印设置（如边距、纸张尺寸），这类参数属于浏览器的用户级配置，出于安全和用户控制权的考量，浏览器禁止网页代码直接篡改。

不过可以通过以下方案尽可能保证打印效果符合预期：

• 用CSS打印样式适配
  利用@media print媒体查询和@page规则引导浏览器采用目标格式，虽然不能强制用户不修改，但能让浏览器优先使用预设配置：

  /* 定义打印区域的纸张尺寸和边距 */
  @page {
    size: A4 portrait; /* 指定A4纵向纸张 */
    margin: 1cm; /* 设置打印内容的边距 */
  }
  
  /* 适配页面内容到指定尺寸 */
  @media print {
    body {
      margin: 0; /* 重置页面默认边距，避免和@page边距冲突 */
      width: 19cm; /* A4宽度减去左右边距（1cm*2） */
      height: 27.7cm; /* A4高度减去上下边距（1cm*2） */
      overflow: hidden;
    }
    /* 隐藏无需打印的元素 */
    .non-printable {
      display: none !important;
    }
  }
  

  注意：@page规则的支持度在主流浏览器（Chrome、Firefox、Edge）中较好，但部分旧浏览器可能存在兼容问题。

• 引导用户调整设置
  在触发打印前，明确提示用户选择正确的打印参数，比如：

  function triggerPrint() {
    alert('请在打印预览界面选择A4纸张尺寸，并确认边距设置为默认或指定值');
    window.print();
  }
  

  也可以在页面显眼位置添加静态提示文字，提前告知用户打印前的设置要求。

• 生成PDF后打印（推荐用于严格格式要求场景）
  如果需要完全控制打印格式，可先将页面内容转换为PDF文件（使用jsPDF、html2pdf等前端库），在生成PDF时直接指定A4尺寸、边距等参数，再引导用户打印PDF。这种方式不受浏览器打印设置影响，能确保格式完全符合预期。

内容的提问来源于stack exchange，提问作者Dr.Neko