☰

NSnapshot

适用于NodeSeek的网页快照，保存当前网页状态

Εγκατάσταση αυτού του κώδικαΒοήθεια
Κώδικας προτεινόμενος από τον δημιιουργό

Μπορεί, επίσης, να σας αρέσει ο κώδικας NodeSeek X.

Εγκατάσταση αυτού του κώδικα 
// ==UserScript==
// @name         NSnapshot
// @namespace    http://www.nodeseek.com/
// @version      0.1-beta
// @description  适用于NodeSeek的网页快照，保存当前网页状态
// @author       dabao
// @match        *://*.nodeseek.com/*
// @connect      cfn.pp.ua
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACz0lEQVR4Ae3B32tVdQAA8M85u7aVHObmzJVD0+ssiphstLEM62CBlCBEIAYhUoGGD/kiRUo+9CIEElFZgZJFSApBVhCUX2WFrVQKf5Qy26SgdK4pN7eZu+cbtyfJ/gLx83HD9SAhlEyXupiPhUSTeonRfNw1ws2aRJeN5jHcolFhJJ9M8Zj99piDTnv12SjzfzIb9dmrC7Pttt8ykjDVLsu8ZZ1GH1oqeDofJLtJh4fMEw3Y72jlCuEO2+W+sNJFr3vOZ1YIi8NIGA29hDWhGgZDJ2Rt2ZvZSBazmMUsZsPZ1qwVQmcYDNWwhtAbRsNIWJx6WLPDfgxNVkm9nR8hm+XduLba7F9RtcXztmUzyY/YJrUqNPvBYc0eSS3CwXxMl4WG7CarsyEuvU2HOkRNujSw3PosxR6DFurKxx3E/akFohPo0aDfEO61os5LdrtLVWG1TzxokifdiSH9GnTjuGhBqsWE39GOo3kVi8wsmeVW00SJ200zA9r0kFcdQzv+MKElVW/S+L5EE86pmUth3BV/SzCOCUjMVXMWzfsSYybVl1SlSlESkagpuOI1nzshFX1gyAF1UKhJEKOkJFVNXVBv+pJoBK1qBkh86z1/SaR+9o5zEgoDaloxsiSart6F1Bkl83ESHWEKvvEbqZJETaokgSH9hCk6cBLtSs6kDqEb/cZ0K+MnO0X/VdhRGUBZjzH9uA+HUl+a0BvmO+J7bVZSKWz1kehqhfe9oWalNoccDmW9JnyV+toxsy3PK3aY9Gx4gMp567ziV4WawpCXra+MEhZ5xqTtecVycxzXlxA22OK4ZYbt9LjvrM5PkNUp6zVPdNpBv1QKwt126Paxp8zwqXu8kG8pYZdHlT2Rvxo2aVG2ObyYn65UnXLKVULZZrP02ZRfCms1OmAXCSHRYqrLzuZFaDFV6s/8omuERs0Kl/LzITVTvTHDeXTD9eAftAsSYhXYOWUAAAAASUVORK5CYII=
// @grant        GM_xmlhttpRequest
// @grant        GM_openInTab
// @grant        GM_registerMenuCommand
// @noframes
// @run-at       document-end
// @license      GPL-3.0 License
// ==/UserScript==

/**
 * 更新日志:
 * v0.1-beta (2025-05-08)
 * - 实现基本的网页快照功能
 * - 添加DOM处理功能，优化快照内容
 * - 添加"查看当前页快照"菜单项
 * - 优化URL格式和配置结构
 */

(function() {
    'use strict';

    // 配置参数
    const config = {
        // Cloudflare Worker配置
        workerBase: 'https://nsnapshot.cfn.pp.ua', // Worker完整域名（包含https://）
        previewPath: '/preview',                   // 预览路径
        // 按钮样式
        buttonStyle: `
            position: fixed;
            top: 50px;
            right: 20px;
            z-index: 9999;
        `
    };

    // 添加快照按钮
    function addSnapshotButton() {
        const button = document.createElement('button');
        button.textContent = '网页快照';
        button.id = 'webpage-snapshot-btn';
        button.className = 'btn';
        button.style.cssText = config.buttonStyle;
        button.addEventListener('click', takeSnapshot);
        document.body.appendChild(button);
    }

    // 生成快照
    async function takeSnapshot() {
        try {
            // 显示加载状态
            const snapshotBtn = document.getElementById('webpage-snapshot-btn');
            const originalText = snapshotBtn.textContent;
            snapshotBtn.textContent = '生成中...';
            snapshotBtn.disabled = true;

            // 创建隐藏的iframe来加载当前页面
            const iframe = document.createElement('iframe');
            iframe.style.display = 'none';
            document.body.appendChild(iframe);

            // 等待iframe加载完成
            await new Promise(resolve => {
                iframe.onload = resolve;
                iframe.src = window.location.href;
            });

            // 获取iframe中的HTML内容
            const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

            // 处理特定的DOM元素
            try {
                // 查找id="nsk-right-panel-container"的div元素
                const rightPanelContainer = iframeDoc.getElementById('nsk-right-panel-container');

                if (rightPanelContainer) {
                    // 查找class="user-card"的子元素
                    const userCardElement = rightPanelContainer.querySelector('.user-card');

                    if (userCardElement) {
                        // 获取user-card元素后的下一个兄弟元素
                        const nextSibling = userCardElement.nextElementSibling;

                        // 移除user-card元素
                        userCardElement.remove();

                        // 如果存在下一个兄弟元素，也移除它
                        if (nextSibling) {
                            nextSibling.remove();
                        }

                        // 创建新的登录/注册面板
                        const loginPanel = document.createElement('div');
                        loginPanel.className = 'nsk-panel';
                        loginPanel.innerHTML = `
                            <h4>你好啊，陌生人!</h4>
                            <div class="small-margin">我的朋友，看起来你是新来的，如果想参与到讨论中，点击下面的按钮！</div>
                            <div class="small-margin">
                                <a href="/signIn.html" rel="nofollow" class="btn" style="color:white;margin-right:5px;">登录</a>
                                <a href="/register.html" rel="nofollow" class="btn" style="color:white">注册</a>
                            </div>
                        `;

                        // 将新面板插入到right-panel-container的最前面
                        rightPanelContainer.prepend(loginPanel);

                        console.log('已替换登录/注册面板');
                    }
                }

                // 查找并移除id="temp-script"的script元素
                const tempScript = iframeDoc.getElementById('temp-script');
                if (tempScript) {
                    tempScript.remove();
                    console.log('已移除临时脚本元素 (id="temp-script")');
                }
            } catch (error) {
                console.error('处理DOM元素失败:', error);
                // 继续执行，不影响快照生成
            }

            const htmlContent = '<!DOCTYPE html>' + iframeDoc.documentElement.outerHTML;

            // 清理iframe
            document.body.removeChild(iframe);

            // 创建快照数据对象
            const snapshotData = {
                html: htmlContent,
                url: window.location.href,
                title: document.title,
                timestamp: new Date().toISOString(),
                userAgent: navigator.userAgent
            };

            // 将对象转换为JSON字符串
            const jsonData = JSON.stringify(snapshotData);

            // 创建表单提交到Cloudflare Worker中间页
            try {
                // 创建表单
                const form = document.createElement('form');
                form.method = 'POST';
                form.action = `${config.workerBase}${config.previewPath}`;
                form.target = '_blank';
                form.style.display = 'none';

                // 添加数据字段
                const dataField = document.createElement('textarea');
                dataField.name = 'snapshot_data';
                dataField.value = jsonData;
                form.appendChild(dataField);

                // 添加隐藏的提交按钮，确保表单能够正确提交
                const submitButton = document.createElement('input');
                submitButton.type = 'submit';
                submitButton.style.display = 'none';
                form.appendChild(submitButton);

                // 添加表单到文档并提交
                document.body.appendChild(form);
                form.submit();

                // 移除表单
                setTimeout(() => {
                    document.body.removeChild(form);
                }, 100);

                console.log('快照数据已发送到Cloudflare Worker中间页');
            } catch (error) {
                console.error('发送数据到Cloudflare Worker失败:', error);
                alert('发送快照数据失败，请重试。');
            }

            // 恢复按钮状态
            snapshotBtn.textContent = originalText;
            snapshotBtn.disabled = false;
        } catch (error) {
            console.error('生成快照失败:', error);
            alert('生成快照失败，请重试');

            // 恢复按钮状态
            const snapshotBtn = document.getElementById('webpage-snapshot-btn');
            snapshotBtn.textContent = '网页快照';
            snapshotBtn.disabled = false;
        }
    }

    // 查看当前URL的快照
    function viewSnapshots() {
        // 获取当前URL
        const currentUrl = window.location.href;

        // 构建新的查看快照URL格式：/web/完整URL
        const encodedUrl = encodeURIComponent(currentUrl);
        const viewUrl = `${config.workerBase}/web/${encodedUrl}`;
        GM_openInTab(viewUrl, { active: true, insert: true });
    }

    // 初始化
    function init() {
        // 等待页面加载完成
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', addSnapshotButton);
        } else {
            addSnapshotButton();
        }

        // 注册油猴菜单
        GM_registerMenuCommand('查看当前页快照', viewSnapshots);
    }

    // 启动脚本
    init();
})();