Tampermonkey模拟Ctrl+S组合键失效问题排查

问题根源 #

浏览器对**系统级快捷键（如Ctrl+S）**有严格的安全限制：通过new KeyboardEvent()创建的模拟事件，其isTrusted属性为false——浏览器只会响应真实用户手动触发的、isTrusted为true的事件，所以你模拟的Ctrl+S无法触发默认的页面保存行为。

另外，代码中先触发事件再弹出alert的顺序会阻塞事件流程，但这不是核心问题，本质还是安全机制的限制。

可行解决方案 #

既然模拟按键走不通，我们可以直接实现页面保存功能，以下两种方式都能替代你的需求：

方案1：调用浏览器原生保存命令（部分浏览器支持） #

使用document.execCommand('saveAs')直接触发浏览器的保存对话框，虽然该API在部分现代浏览器中被标记为废弃，但仍能正常工作：

// ==UserScript==
// @name         一键保存页面
// @namespace    http://tampermonkey/ctrls
// @version      0.1
// @description  添加按钮直接保存当前页面
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const button = document.createElement('button');
    button.innerHTML = "保存页面";
    button.style.padding = "10px";
    button.style.fontSize = "16px";
    button.style.backgroundColor = "blue";
    button.style.color = "white";
    button.style.position = "fixed";
    button.style.top = "100px";
    button.style.left = "100px";
    button.style.zIndex = "9999";

    button.addEventListener('click', () => {
        // 优先尝试原生保存命令
        if (document.execCommand('saveAs')) {
            console.log("保存对话框已触发");
        } else {
            // 原生命令失效时启用备用方案
            savePageAsHTML();
        }
    });

    document.body.appendChild(button);

    // 备用方案：生成页面HTML并下载
    function savePageAsHTML() {
        const pageContent = document.documentElement.outerHTML;
        const blob = new Blob([pageContent], { type: 'text/html' });
        const downloadUrl = URL.createObjectURL(blob);
        const link = document.createElement('a');
        
        link.href = downloadUrl;
        link.download = `${document.title}.html`;
        link.click();
        
        // 释放URL资源
        URL.revokeObjectURL(downloadUrl);
    }
})();

方案2：生成页面HTML并下载（兼容性拉满） #

上面代码中的savePageAsHTML函数就是这种方式——它会把当前页面的完整HTML内容打包成Blob，通过创建临时a标签触发下载。这种方式完全不受浏览器安全限制，所有现代浏览器都支持。

重要提示 #

• 永远不要尝试模拟系统级快捷键，浏览器的安全机制会直接拦截这类操作，这是为了防止恶意脚本滥用系统功能。
• 如果需要触发保存行为，优先使用浏览器提供的合法API，或者直接生成内容下载的方式。

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