油猴脚本怎么获取页面js变量值

油猴脚本获取页面JS变量值的方法：

要通过油猴脚本（Tampermonkey）获取页面的JS变量值，主要方法有直接注入代码、通过unsafeWindow对象、使用MutationObserver监听DOM变化。其中，直接注入代码是最常用和最有效的一种方法。

一、直接注入代码

直接注入代码的方法是将自定义的JavaScript代码插入到网页的上下文中，从而可以直接访问页面的变量。注入代码的方式有很多种，可以通过Tampermonkey提供的GM_addStyle、GM_xmlhttpRequest等API，也可以通过脚本标签注入。

二、通过`unsafeWindow`对象

unsafeWindow是Tampermonkey提供的一个特殊对象，它允许油猴脚本访问网页的JS上下文中的变量和函数。使用unsafeWindow对象可以方便地读取和修改页面中的变量值。

三、使用MutationObserver监听DOM变化

有时候页面的JS变量值是通过动态加载的，此时可以使用MutationObserver监听DOM变化，及时捕获变量的变化并进行处理。

详细描述直接注入代码的方法

要详细了解如何通过直接注入代码的方式获取页面JS变量值，下面将通过一个具体示例进行说明：

示例代码：

// ==UserScript==
// @name         获取页面JS变量值
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  尝试获取页面的JS变量值
// @match        https://example.com/*
// @grant        none
// ==/UserScript==
(function() {
    'use strict';
    // 注入代码到页面上下文中
    var script = document.createElement('script');
    script.textContent = `
        (function() {
            // 获取变量值并发送到油猴脚本
            var myVariable = window.myVariable;
            window.postMessage({ type: 'FROM_PAGE', text: myVariable }, '*');
        })();
    `;
    document.body.appendChild(script);
    // 监听来自页面的消息
    window.addEventListener('message', function(event) {
        if (event.source !== window) return;
        if (event.data.type && (event.data.type === 'FROM_PAGE')) {
            console.log('页面变量值:', event.data.text);
        }
    });
})();

四、代码详解

创建脚本标签：首先创建一个<script>标签，并将自定义的JavaScript代码注入其中。
自定义代码：在自定义代码中，通过window.myVariable获取页面中定义的JS变量值。
发送消息：使用window.postMessage将获取到的变量值发送到油猴脚本中。
监听消息：在油猴脚本中，通过window.addEventListener监听来自页面的消息，获取并处理变量值。

五、其他方法

除了直接注入代码的方法，另一些方法也可以用于获取页面的JS变量值：

使用`unsafeWindow`对象

// ==UserScript==
// @name         获取页面JS变量值
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  尝试获取页面的JS变量值
// @match        https://example.com/*
// @grant        unsafeWindow
// ==/UserScript==
(function() {
    'use strict';
    // 直接访问页面变量
    var myVariable = unsafeWindow.myVariable;
    console.log('页面变量值:', myVariable);
})();

六、总结

通过油猴脚本获取页面JS变量值的方法主要有直接注入代码、通过unsafeWindow对象、使用MutationObserver监听DOM变化。每种方法都有其优点和适用场景，根据具体需求选择合适的方法可以有效解决问题。无论使用哪种方法，理解页面的加载和变量的定义是关键。通过上述示例代码，可以更好地掌握如何在油猴脚本中获取页面的JS变量值，从而实现更复杂的自动化脚本。