在Safari浏览器中使用JavaScript去除打印页面的页眉页脚

要在Safari浏览器中通过JavaScript去除打印时的页眉页脚，你可以使用以下几种方法：

方法1：使用CSS @page规则

// 动态添加CSS样式去除页眉页脚
function removePrintHeaderFooter() {
    const style = document.createElement('style');
    style.innerHTML = `
        @page {
            size: auto;
            margin: 0mm;
        }

        @media print {
            body {
                margin: 0;
                padding: 0;
            }
        }
    `;
    document.head.appendChild(style);

    // 触发打印
    window.print();
}

// 调用函数
removePrintHeaderFooter();

方法2：使用CSS隐藏页眉页脚

function hidePrintHeaders() {
    const style = document.createElement('style');
    style.innerHTML = `
        @page {
            margin: 0;
            size: auto;
        }

        @media print {
            body {
                margin: 0;
            }

            /* Safari特定的页眉页脚隐藏 */
            @supports (-webkit-touch-callout: none) {
                /* 适用于Safari */
                body {
                    -webkit-print-color-adjust: exact;
                }
            }
        }
    `;
    document.head.appendChild(style);
}

// 调用函数后打印
hidePrintHeaders();
window.print();

方法3：调整边距和页面大小

function adjustPrintSettings() {
    const style = document.createElement('style');
    style.innerHTML = `
        @page {
            margin: 0;
            size: auto;
        }

        body {
            margin: 0;
            padding: 0;
        }
    `;
    document.head.appendChild(style);

    // 打印前调整
    setTimeout(() => {
        window.print();
    }, 100);
}

adjustPrintSettings();

注意事项

1. Safari限制：Safari对打印样式的支持可能不如Chrome或Firefox完善，某些方法可能效果有限。

2. 用户设置优先：浏览器打印设置中的用户偏好（如页眉页脚选项）可能会覆盖你的CSS设置。

3. 测试验证：建议在实际打印前使用打印预览功能验证效果。

4. 兼容性考虑：如果需要支持多浏览器，可能需要添加浏览器特定的前缀和检测。

5. 页面内容调整：去除页眉页脚后，可能需要调整你的页面内容布局以适应新的打印区域。

希望这些方法能帮助你在Safari中实现无页眉页脚的打印效果！