稿定设计 PS 专业版 - 去除登录弹窗

简介

自动移除 稿定设计 PS 专业版 页面中的“请先登录”弹窗和背景遮罩，无需登录即可直接使用在线编辑器。

注意：本脚本仅供学习交流，请合理使用，尊重网站服务条款。

特性

• 🚀 自动移除：页面加载时立即清除弹窗和遮罩。
• 🔄 动态监听：通过 MutationObserver 捕获异步加载的弹窗。
• 🎯 精准匹配：仅对 www.gaoding.com/editor/ps 生效，不影响其他网站。
• 📦 轻量无依赖：纯原生 JavaScript，执行高效。

安装

1. 确保浏览器已安装 Tampermonkey 或 Violentmonkey 等用户脚本管理器。
2. 点击下方安装按钮：
   • 安装脚本
3. 刷新稿定设计 PS 专业版页面，弹窗将自动消失。

使用方法

• 安装后无需任何配置，打开 https://www.gaoding.com/editor/ps 即可生效。
• 如果弹窗未移除，请检查脚本是否启用，或手动刷新页面。

脚本代码

// ==UserScript==
// @name         稿定设计PS专业版 - 去除登录弹窗
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  自动移除稿定设计PS专业版（www.gaoding.com/editor/ps）的登录弹窗和遮罩，无需登录即可使用编辑器。
// @author       YourName
// @match        *://www.gaoding.com/editor/ps*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const DIALOG_SELECTOR = '.g-dialog__wrapper.g-dialog__wrapper--centered';
    const MASK_SELECTOR = '.gd-mask';

    function removeLoginOverlay() {
        const dialog = document.querySelector(DIALOG_SELECTOR);
        if (dialog && dialog.parentNode) {
            dialog.parentNode.removeChild(dialog);
            console.log('[稿定PS] 已移除登录弹窗');
        }

        const mask = document.querySelector(MASK_SELECTOR);
        if (mask && mask.parentNode) {
            mask.parentNode.removeChild(mask);
            console.log('[稿定PS] 已移除遮罩层');
        }
    }

    if (document.readyState === 'complete' || document.readyState === 'interactive') {
        removeLoginOverlay();
    } else {
        document.addEventListener('DOMContentLoaded', removeLoginOverlay);
    }

    const observer = new MutationObserver(function(mutations) {
        for (const mutation of mutations) {
            if (mutation.type === 'childList') {
                for (const node of mutation.addedNodes) {
                    if (node.nodeType === Node.ELEMENT_NODE) {
                        const isDialog = node.matches && node.matches(DIALOG_SELECTOR);
                        const isMask = node.matches && node.matches(MASK_SELECTOR);
                        const containsDialog = node.querySelector && node.querySelector(DIALOG_SELECTOR);
                        const containsMask = node.querySelector && node.querySelector(MASK_SELECTOR);

                        if (isDialog || isMask || containsDialog || containsMask) {
                            removeLoginOverlay();
                            break;
                        }
                    }
                }
            }
        }
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });

    window.addEventListener('load', function() {
        setTimeout(removeLoginOverlay, 500);
    });

})();

工作原理

自定义修改

• 更换匹配网址：修改 @match 规则，例如 *://www.gaoding.com/*。
• 更换选择器：若网站更新类名，修改 DIALOG_SELECTOR 和 MASK_SELECTOR。
• 关闭日志：删除或注释 console.log 语句。

常见问题

Q：为什么安装了脚本但弹窗还在？
A：请检查：

• 油猴插件是否启用。
• 页面网址是否完全匹配 www.gaoding.com/editor/ps（注意 https 或 http）。
• 刷新页面或重新安装脚本。

Q：会影响其他网站吗？
A：不会，@match 限定了生效范围。

Q：移除弹窗后，编辑器功能是否完全可用？
A：部分功能可能仍依赖登录，移除弹窗仅解除视觉阻挡，不保证所有功能完整。

版本历史

免责声明

本脚本仅供个人学习研究使用，请勿用于商业或非法用途。使用本脚本产生的任何后果由用户自行承担，作者不承担任何责任。

反馈与支持

• 如有问题或建议，请在 脚本猫脚本反馈页 留言。