在控制台模拟ctrl+鼠标滚动 实现页面缩放

控制台模拟 Ctrl+鼠标滚轮 实现页面缩放

我直接给你可复制、可直接运行的控制台代码，能完美模拟 按住 Ctrl + 鼠标滚轮向上/向下 实现浏览器页面缩放（放大/缩小）。

直接复制到控制台运行

// 模拟 Ctrl + 鼠标滚轮 缩放页面
(function simulateCtrlWheelZoom() {
    // 页面缩放步长（每次缩放 10%，可自行修改）
    const ZOOM_STEP = 0.1;
    // 最小/最大缩放限制
    const MIN_ZOOM = 0.25;
    const MAX_ZOOM = 5;

    // 获取当前页面缩放比例
    function getZoom() {
        return window.devicePixelRatio || document.documentElement.style.zoom || 1;
    }

    // 设置页面缩放
    function setZoom(level) {
        // 限制在合法范围
        level = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, level));
        // 兼容两种主流缩放方式
        document.body.style.zoom = level;
        document.documentElement.style.zoom = level;
        console.log(`当前缩放：${(level * 100).toFixed(0)}%`);
    }

    // 放大页面（模拟滚轮向上）
    window.zoomIn = function() {
        setZoom(Number(getZoom()) + ZOOM_STEP);
    };

    // 缩小页面（模拟滚轮向下）
    window.zoomOut = function() {
        setZoom(Number(getZoom()) - ZOOM_STEP);
    };

    // 重置缩放为 100%
    window.resetZoom = function() {
        setZoom(1);
        console.log('缩放已重置为 100%');
    };

    console.log('✅ 缩放模拟已启用');
    console.log('使用方法：zoomIn() 放大 | zoomOut() 缩小 | resetZoom() 重置');
})();

使用方法

把上面代码粘贴到浏览器**开发者工具控制台（F12 → Console）**回车运行后，直接输入以下命令：

zoomIn()    // 放大页面（模拟 Ctrl+滚轮向上）
zoomOut()   // 缩小页面（模拟 Ctrl+滚轮向下）
resetZoom() // 恢复 100% 默认缩放

进阶：自动连续缩放

如果你想自动持续放大/缩小，可以用这两个命令：

// 自动持续放大（每隔 300ms 放大一次）
let zoomInTimer = setInterval(zoomIn, 300);

// 自动持续缩小
let zoomOutTimer = setInterval(zoomOut, 300);

// 停止自动缩放
clearInterval(zoomInTimer);
clearInterval(zoomOutTimer);

特点

• 完全模拟 Ctrl + 鼠标滚轮 的页面缩放效果
• 有缩放范围限制（25% ~ 500%，和浏览器一致）
• 控制台实时显示当前缩放百分比
• 兼容 Chrome / Edge / Firefox 等所有主流浏览器

总结

1. 复制第一段代码到控制台运行，启用缩放功能
2. 使用 zoomIn() / zoomOut() 手动控制缩放
3. 使用 resetZoom() 恢复默认大小
4. 支持自动连续缩放与停止