暴力猴怎么运行js脚本

暴力猴（Tampermonkey）是一款广受欢迎的用户脚本管理扩展，可以帮助用户在网页上运行自定义的JavaScript脚本。要在暴力猴中运行JS脚本，你需要首先安装暴力猴扩展、编写或导入脚本，然后启用脚本。以下是详细步骤：

暴力猴是一款强大的用户脚本管理工具，它允许你在网页上运行自定义的JavaScript脚本，帮助你实现自动化操作、界面优化、广告屏蔽等功能。首先，你需要安装暴力猴扩展，其次，编写或导入你需要的JS脚本，最后，确保脚本在对应的网站上启用。在本文中，我们将详细介绍如何在暴力猴中运行JS脚本，包括安装步骤、编写脚本的方法以及一些实用的示例。

一、安装暴力猴扩展

1. 什么是暴力猴

暴力猴（Tampermonkey）是一款用户脚本管理扩展，支持多种浏览器（如Chrome、Firefox、Safari等）。它允许用户编写、管理和运行自定义的JavaScript脚本，从而增强网页的功能。

2. 安装步骤

在Chrome中安装：打开Chrome浏览器，访问Chrome Web Store，搜索“Tampermonkey”，点击“添加到Chrome”按钮并确认安装。
在Firefox中安装：打开Firefox浏览器，访问Firefox Add-ons网站，搜索“Tampermonkey”，点击“添加到Firefox”按钮并确认安装。
在其他浏览器中安装：访问暴力猴官方网站，根据提示选择相应的浏览器版本进行安装。

二、编写和导入JS脚本

1. 编写自定义脚本

新建脚本：安装暴力猴扩展后，点击浏览器右上角的暴力猴图标，选择“创建新脚本”。
编辑脚本：在脚本编辑器中，你可以编写自定义的JavaScript代码。暴力猴脚本通常以// ==UserScript==开头，包含元数据块（metadata block），用于定义脚本的名称、版本、匹配的网站等信息。例如：

// ==UserScript==
// @name         示例脚本
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  这是一个示例脚本
// @author       你的名字
// @match        http://example.com/*
// @grant        none
// ==/UserScript==
(function() {
    'use strict';
    // 你的代码在这里
    console.log('Hello, world!');
})();

2. 导入现有脚本

从网上获取脚本：许多网站（如Greasy Fork、OpenUserJS）提供了大量现成的用户脚本。你可以搜索并选择合适的脚本。
导入脚本：在找到合适的脚本后，点击“安装脚本”按钮，暴力猴会自动打开脚本编辑器并显示脚本内容。确认无误后，点击“文件” -> “保存”即可。

三、启用和管理脚本

1. 启用脚本

查看已安装脚本：点击浏览器右上角的暴力猴图标，选择“管理面板”。
启用/禁用脚本：在脚本列表中，你可以看到所有已安装的脚本。通过切换开关按钮，可以启用或禁用某个脚本。

2. 调试脚本

使用开发者工具：在目标网页上，按下F12键打开浏览器的开发者工具。在控制台（Console）中，你可以查看脚本的输出日志，并调试代码。
修改脚本：如果脚本需要修改，可以在暴力猴管理面板中，选择相应的脚本，点击“编辑”按钮进行修改。

四、实用示例

1. 自动填写表单

以下是一个自动填写表单的示例脚本：

// ==UserScript==
// @name         自动填写表单
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  自动填写表单
// @match        http://example.com/form
// @grant        none
// ==/UserScript==
(function() {
    'use strict';
    document.getElementById('name').value = 'John Doe';
    document.getElementById('email').value = 'john.doe@example.com';
})();

2. 隐藏广告

以下是一个隐藏广告的示例脚本：

// ==UserScript==
// @name         隐藏广告
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  隐藏广告
// @match        http://example.com/*
// @grant        none
// ==/UserScript==
(function() {
    'use strict';
    var ads = document.querySelectorAll('.ad, .advertisement');
    ads.forEach(function(ad) {
        ad.style.display = 'none';
    });
})();

五、进阶功能

1. 使用外部库

暴力猴支持使用外部JavaScript库，如jQuery。你可以在元数据块中添加@require字段来引入外部库。例如：

// ==UserScript==
// @name         使用jQuery
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  使用jQuery示例
// @match        http://example.com/*
// @grant        none
// @require      https://code.jquery.com/jquery-3.6.0.min.js
// ==/UserScript==
(function($) {
    'use strict';
    $('body').css('background-color', 'blue');
})(jQuery);

2. 使用暴力猴API

暴力猴提供了一些API，用于与脚本管理器进行交互。例如：

GM_getValue和GM_setValue用于存储和检索数据；
GM_xmlhttpRequest用于发起跨域HTTP请求。

以下是一个使用暴力猴API的示例：

// ==UserScript==
// @name         使用暴力猴API
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  使用暴力猴API示例
// @match        http://example.com/*
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_xmlhttpRequest
// ==/UserScript==
(function() {
    'use strict';
    var count = GM_getValue('visitCount', 0);
    count++;
    GM_setValue('visitCount', count);
    console.log('你已访问此页面 ' + count + ' 次');
    GM_xmlhttpRequest({
        method: 'GET',
        url: 'http://example.com/api/data',
        onload: function(response) {
            console.log('API响应：', response.responseText);
        }
    });
})();

六、脚本管理和维护

1. 更新脚本

暴力猴支持自动更新脚本。如果你从Greasy Fork等网站安装了脚本，暴力猴会定期检查更新，并提示你更新脚本。你也可以手动检查更新，在管理面板中选择脚本，点击“检查更新”按钮。

2. 备份和恢复脚本

为了防止数据丢失，你可以定期备份脚本。暴力猴提供了导出和导入功能。在管理面板中，点击“设置” -> “导出配置”，可以导出所有脚本和设置。恢复时，点击“设置” -> “导入配置”，选择之前导出的文件即可。

综上所述，暴力猴是一款功能强大的用户脚本管理工具，通过它，你可以轻松在网页上运行自定义的JavaScript脚本，实现各种自动化和优化操作。安装暴力猴扩展、编写或导入脚本、启用和管理脚本，这些步骤简单易行，让你能够充分发挥网页的潜力。