油猴脚本是一种用于浏览器的用户脚本，它可以修改网页的行为和外观，实现自定义定制。在这篇文章中，我们将介绍如何编写一个简单的油猴脚本工具，并且通过一个实例来演示如何实现一个图片放大器工具。

步骤一：安装油猴脚本管理器

在编写油猴脚本之前，你需要先安装油猴脚本管理器。它是一个浏览器插件，可以帮助你安装、管理和运行油猴脚本。你不会安装？评论区打出来。

步骤二：创建一个油猴脚本

一旦安装了油猴脚本管理器，你可以创建一个新的油猴脚本。在油猴脚本管理器的界面中，选择“新建脚本”，它会打开一个编辑器，你可以在里面编写你的脚本。

在这个编辑器中，你需要指定一些元数据，如脚本名称、版本号、作者等。这些元数据将帮助其他人了解你的脚本，所以请确保它们都是正确的。下面是一个示例元数据：

// ==UserScript==
// @name         Image Zoomer
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Zoom in images on mouse hover
// @author       Your Name
// @match        *://*/*
// @grant        GM_addStyle
// ==/UserScript==

这些元数据指定了脚本的名称、命名空间、版本号、描述、作者、匹配的网址和使用的油猴脚本 API。

步骤三：编写油猴脚本的逻辑

在元数据之后，你可以编写脚本的逻辑。在这个实例中，我们将实现一个简单的图片放大器工具。当鼠标悬停在图片上时，它将缩放图片并在最上层显示。

// ==UserScript==
// @name         Image Zoomer
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Zoom in images on mouse hover
// @author       Your Name
// @match        *://*/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    const ZOOM_FACTOR = 1.5; // 设置缩放倍数

    const images = document.getElementsByTagName('img');

    for (let i = 0; i < images.length; i++) {
        let img = images[i];

        img.addEventListener('mouseenter', function() {
            img.style.transform = `scale(${ZOOM_FACTOR})`;
            img.style.zIndex = 9999; // 确保放大的图片显示在最上层
        });

        img.addEventListener('mouseleave', function() {
            img.style.transform = '';
            img.style.zIndex = '';
        });
    }

    GM_addStyle(`
        img {
            transition: transform 0.3s ease-in-out;
        }
    `);
})();

该脚本使用了 JavaScript 和 CSS 来实现缩放效果。它会遍历页面上所有的图片元素，并为它们添加鼠标事件监听器。当鼠标移入图片区域时，它会将图片缩放并显示在最上层；当鼠标移出图片区域时，它会恢复原始大小并取消最上层的显示状态。

你可以将 ZOOM_FACTOR 常量的值设置为你想要的缩放倍数，例如 2 或 3。另外，你也可以根据需要自定义 CSS 样式。

步骤四：测试你的脚本

完成了脚本的编写之后，你可以点击编辑器中的保存按钮，将脚本保存到本地。接下来，在浏览器中打开一个页面，你应该能够看到图片放大器工具已经生效了。 注意：在测试脚本时，建议先选择一个特定的网站或页面，而不是在全局范围内生效。这样可以避免对其他网站的影响。

在这篇文章中，我们介绍了如何编写一个简单的油猴脚本工具，并演示了一个实例：图片放大器工具。虽然这个工具很简单，但它可以为你提供一个开始编写自己的油猴脚本的起点。你可以通过编写更复杂的脚本来实现更多自定义的功能，如在页面上添加新的按钮、修改样式和布局等等。祝你好运！

点关注，不迷路。

做干净纯粹的技术分享，有话评论区走起来。