CSDN-筑基

玩转CSDN

仅供参考学习
当前为 2021-09-07 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        玩转CSDN
// @namespace     http://tampermonkey.net/
// @version         0.1004
// @match        *://blog.csdn.net/*
// @icon        https://source.unsplash.com/random
// @description   仅供参考学习
// @author        wwwbh
// @icon        https://www.google.com/s2/favicons?domain=csdn.net
// @grant        none
// @reference     https://source.unsplash.com/random
// ==/UserScript==
 
(function() {
    'use strict';
    class CSDN{
        construct(focusSwitch){
            console.log('构造方法');
        };
 
        /*
        @name    复制
        @func
            modifyCopyPriviledge: 修改权限
            copy: 复制逻辑
        */
        modifyCopyPriviledge(codeElem,signElem){
            //代码容器修改
            codeElem.removeAttribute('onclick');
            codeElem.style.setProperty('user-select','auto');
            codeElem.setAttribute('id','code-'+i);
            codeElem.parentNode.style.setProperty('user-select','auto');
            // 登录(不可用)容器修改
            signElem.removeAttribute('onclick');
            signElem.setAttribute('data-title','点击复制');
            signElem.removeAttribute('data-report-click');
            signElem.setAttribute('data-clipboard-action','copy');
            signElem.setAttribute('aria-label','copied!');
            signElem.setAttribute('data-clipboard-target','#code-'+i);
            signElem.style.position = 'inherit';
            signElem.style.display = "block";
            signElem.style.setProperty('max-width','65px');
        };
        copy(signElem) {
            let codeelem = null;
            try{
                codeelem = signElem.parentNode;
                if(codeelem.id.indexOf('code')===-1){ // 父节点
                    throw new EvalError('值错误');
                }
            }catch(err){// 兄弟节点
                codeelem = signElem.previousElementSibling;
            }
            document.oncopy=function(e){
                e.clipboardData.setData('text',codeelem.innerText);
                e.preventDefault();
                document.oncopy=null;
            }
            document.execCommand("Copy");// 执行浏览器复制命令
            signElem.setAttribute('data-title','复制成功');
            signElem.style.cssText += 'background-color: green';
            setTimeout(()=>{ // 先延时1000ms，再执行回调函数
                signElem.setAttribute('data-title','点击复制');
                signElem.style.removeProperty('background-color','green');
            },1000);
        };
        /*
        @name 专注模式
        @func
            modifyFocusPriviledge: 修改专注权限
            showFocusModel: 展开专注模式
        */
        modifyFocusPriviledge(mainBox, main, catalog){
            // 修改toolbar
            let toolbar = document.querySelector('.csdn-side-toolbar');
            let focusSwitch = document.querySelector('.option-box').cloneNode(true);
            focusSwitch.firstElementChild.src = 'https://s1.aigei.com/src/img/png/05/055f0df239ef4451a25be1e5c4617f96.png?imageMogr2/auto-'+
                'orient/thumbnail/!199x199r/gravity/Center/crop/199x199/quality/85/&e=1735488000&'+
                'token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:pxpJ0L3fOUppABVi15gOFs94eqk=';
            focusSwitch.style.background = "rgba(0,0,0,0.1)";
            focusSwitch.firstElementChild.style.width = "200%";
            focusSwitch.firstElementChild.style.display = "block"; // 去除初始鼠标放上有动态加载事件
            focusSwitch.removeChild(focusSwitch.lastElementChild);
            toolbar.replaceChildren(focusSwitch);
            // 修改默认页面配置样式
            main.removeAttribute('id');
            focusSwitch.removeAttribute('mouseup');
            mainBox.firstElementChild.nextElementSibling.style.removeProperty('z-index');
            main.style.cssText += 'z-index:999;position:absolute';
            main.style.display = 'none';
            let pn = catalog.parentNode;
            let _catalog = catalog.cloneNode(true)
            _catalog.style.cssText += 'z-index:999;position:fixed;background-color: rgba(255,255,255,0.2);position: fixed;top: 80px;color: white;right: 20px;';
            _catalog.style.setProperty('max-height','454.5px');
            _catalog.firstElementChild.style.setProperty('max-height','inherit');
            _catalog.firstElementChild.firstElementChild.style.cssText += 'text-align:center;background:black;color:white';
            _catalog.style.display = 'none';
            let className = (function(){
                let arr = [];
                for(let i=0;i<3;i++){
                    if(pn.className.length){
                        arr.push(pn.className);
                    }
                    pn = pn.parentNode;
                }
                return arr.join(' ')
            })();
            _catalog.className += ' ' + className;
            document.body.insertBefore(_catalog, document.body.firstElementChild);
            document.body.insertBefore(main, document.body.firstElementChild);
            return {
                a: focusSwitch,
                b: _catalog
            };
 
        };
        showFocusModel(status, mainBox, main,catalog){
            if(status===0){ // 进入专注模式
                console.log(`----${status}: 专注模式----`)
                mainBox.style.display = 'none';
                mainBox.nextElementSibling.style.display = 'none';
                main.style.display = 'block';
                catalog.style.display = 'block';
                console.log('主体可见\n全体不可见')
            }else{
                console.log(`----${status}: 初始模式----`);
                mainBox.style.display = 'block';
                mainBox.nextElementSibling.style.display = 'block';
                main.style.display = 'none';
                catalog.style.display = 'none';
                console.log('主体不可见\n全体可见');
            }
        }
    };
 
    let csdn = new CSDN();
    let mainBox = document.getElementById('mainBox');
    let main = mainBox.firstElementChild.cloneNode(true);
    let catalog = document.getElementById('groupfile');
    let compose = csdn.modifyFocusPriviledge(mainBox, main, catalog);
    let status = -1;
    compose.a.addEventListener('click', function(){
        status = ~status;
        csdn.showFocusModel(status,mainBox,main,compose.b);
    },'true');
    let codes = document.querySelectorAll('#content_views pre code');
    let signs = document.querySelectorAll('.signin');
    for(var i=0;i<codes.length;i++){
        let sign = signs[i];
        csdn.modifyCopyPriviledge(codes[i], signs[i]);
        sign.addEventListener('click', function(){
            csdn.copy(this);
        },'true');
    };
})();
欢迎访问Greasy Fork镜像
