remove author panel/remove ads/move comment area to left & remove login requirement/auto trigger read more button/hide login pop up panel
当前为
// ==UserScript==
// @name CSDN Blog Super Simplification
// @name:zh-CN CSDN Blog 极致简化
// @namespace csdn_blog_super_simplification
// @version 2.1
// @description remove author panel/remove ads/move comment area to left & remove login requirement/auto trigger read more button/hide login pop up panel
// @description:zh-CN 去除作者信息面板、广告，评论区移至左侧 & 免登陆查看评论, 自动阅读全文, 去除登陆弹窗(如需登陆点右上角)
// @author Xavier Wong
// @run-at document-start
// @include https://blog.csdn.net/*
// @exclude https://www.csdn.net/*
// @grant GM_addStyle
// ==/UserScript==
GM_addStyle(
// Background & Color
'#csdn-toolbar{position:static !important}'+
'.toolbar-container{width: fit-content !important}'+
'.toolbar-search{width: auto !important;flex: unset !important}'+
'#mainBox{margin-left: 0 !important; width:100% !important;overflow:hidden;}' +
'body{background-color:#f5f6f7 !important;background-image:none !important; overflow-y:hidden; overflow-x:auto}' +
// Layout Rearrangement
'#rightAside,#btnMoreComment,#tip_comment,#quickComment,.hide-article-box,.csdn-side-toolbar,.recommend-box,.template-box,.footer-box,.blog-footer-bottom,aside,.toolbar-advert{display:none !important}' +
'.main_father{height: calc(100% - 110px) !important;}' +
'#article_content{width:100% !important;height:100% !important}' +
'main{width:100% !important;height:100% !important;margin-bottom: unset !important}'+
'.blog-content-box{width:70%;float:right;z-index:1;height: 100%;overflow-y: auto;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);}' +
// Toolbox
'.more-toolbox{width:98.5% !important;position:fixed !important;bottom:0;left:unset !important;-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.05);box-shadow: 0 0 10px 3px rgba(0,0,0,0.05);}' +
// Comment Area
'.comment-box{margin-top:0px !important;position:relative;width:29%;height:100%;overflow:hidden;}' +
'.comment-list-box{overflow-y:auto !important;height: 100%;max-height:unset !important;margin-bottom:10px !important;}' +
'.comment-list-container{overflow:hidden !important;height:calc(100% - 128px); padding-bottom:57px}' +
'#commentPage{position:absolute;bottom:0;width:100%;margin-bottom:25px !important;display:block !important}' +
'.bt-comment-show{display: none !important} .opt-box{display: block !important}' +
'#myDrap>a{box-shadow: none;border: 1px solid #dadde0;} #myDrap>a>svg{color: #999aaa;width: 2rem;height: 2rem;} #comment_content{height:64px}' +
// Login Box
'.login-box,.login-mark{visibility:hidden !important}' +
'#commentControl{position:absolute;right: 0; top:50%;width:30px;height:30px}' +
'#hideCom{position:absolute;right:0;top:50%;line-height:50px;height:50px;width:25px;background:#f5f6f7;cursor:pointer;color:darkgrey;padding-left:10px;font-weight:bolder;border-radius:50px 0 0 50px}' +
'#hideCom:hover{width:40px;}' +
'#showCom{display:none;position:fixed;left:12px;top:50%;line-height:50px;height:50px;width:25px;background:#f5f6f7;cursor:pointer;color:darkgrey;padding-right:10px;text-align:end;font-weight:bolder;border-radius:0 50px 50px 0}' +
'#showCom:hover{width:40px;}' +
'#moveCom{position:absolute; right:0;top:0;width:0;height:0;border-top: 15px solid red;border-left: 15px solid transparent;cursor:move}' +
'#resizeCom{display:none;position:absolute; right:0;bottom:0;width:0;height:0;border-bottom: 15px solid red;border-left: 15px solid transparent;cursor:nwse-resize}'
);
function commentArea(toolbar, comment){
if(toolbar.style.position !== comment.style.position){
comment.style.position = toolbar.style.position;
}
if(comment.style.position === "fixed"){
if(document.getElementsByTagName("main")[0].offsetWidth*0.28 !== comment.offsetWidth){
comment.style.width = document.getElementsByTagName("main")[0].offsetWidth*0.28 + "px";
}
}else{
comment.style.width = "28%";
}
}
function showComment(){
let commentBox = document.querySelector('.comment-box');
commentBox.style.left = 'unset';
commentBox.style.top = 'unset';
commentBox.style.width = '29%';
commentBox.style.height = '100%';
GM_addStyle(".blog-content-box{width:70%} #showCom{display:none !important}");
}
(
function() {
var isComFloat = false;
var hideCom = document.createElement('div');
hideCom.id = 'hideCom';
hideCom.innerHTML = '<';
hideCom.onclick = function(){
if(isComFloat){
GM_addStyle(".comment-box{position:relative; width:0; height:100%; border-color: unset;border:0;} #resizeCom{display:none !important}");
isComFloat = false;
showComment();
return;
}
GM_addStyle(".comment-box{width:0;} .blog-content-box{width:100%} #showCom{display:block !important}");
}
var showCom = document.createElement('div');
showCom.id = 'showCom';
showCom.innerHTML = '>';
showCom.onclick = function(){
let commentBox = document.querySelector('.comment-box');
commentBox.style.width = '29%';
commentBox.style.height = '100%';
GM_addStyle(".blog-content-box{width:70%} #showCom{display:none !important}");
}
var moveCom = document.createElement('div');
moveCom.id = 'moveCom';
moveCom.title = '移动';
var x = 0;
var y = 0;
var l = 0;
var t = 0;
var w = 0;
var h = 0;
var resizeCom = document.createElement('div');
resizeCom.id = 'resizeCom';
resizeCom.title = '调节';
var isMoving = false, isResizing = false;
moveCom.onmousedown = function(e){
let commentBox = document.querySelector('.comment-box');
if(!isComFloat){
commentBox.style.width = '60%';
commentBox.style.height = '50%';
}
GM_addStyle(".comment-box{position:fixed;float:left;z-index:10;border:4px solid;border-color: rgb(235,67,82) rgb(243,164,85) rgb(243,164,85) rgb(235,67,82);} .blog-content-box{width:100%} #resizeCom{display:block !important}");
//获取x坐标和y坐标
x = e.clientX;
y = e.clientY;
//获取左部和顶部的偏移量
l = commentBox.offsetLeft;
t = commentBox.offsetTop;
//开关打开
isMoving = true;
isComFloat = true;
e.preventDefault();
}
resizeCom.onmousedown = function(e){
let commentBox = document.querySelector('.comment-box');
//获取x坐标和y坐标
x = e.clientX;
y = e.clientY;
//获取左部和顶部的偏移量
w = commentBox.offsetWidth;
h = commentBox.offsetHeight;
//开关打开
isResizing = true;
e.preventDefault();
}
window.onmousemove = function(e) {
if (isMoving) {
let commentBox = document.querySelector('.comment-box');
//获取x和y
let nx = e.clientX;
let ny = e.clientY;
//计算移动后的左偏移量和顶部的偏移量
let nl = nx - (x - l);
let nt = ny - (y - t);
var sw = document.documentElement.offsetWidth || document.body.offsetWidth ;
var sh = document.documentElement.offsetHeight || document.body.offsetHeight ;
if(commentBox.offsetWidth + nl < 100 ) nl = 100 - commentBox.offsetWidth;
if(nt < 0 ) nt = 0;
if(nl+commentBox.offsetWidth > sw) nl = sw - commentBox.offsetWidth;
if(sh - nt < 100 ) nt = sh - 100;
commentBox.style.left = nl + 'px';
commentBox.style.top = nt + 'px';
}
if (isResizing) {
let commentBox = document.querySelector('.comment-box');
//获取x和y
let nx = e.clientX;
let ny = e.clientY;
//计算移动后的左偏移量和顶部的偏移量
let nw = w + (nx - x);
let nh = h + (ny - y);
commentBox.style.width = nw + 'px';
commentBox.style.height = nh + 'px';
}
}
//鼠标抬起事件
window.onmouseup = function() {
if(isMoving){
isMoving = false;
let commentBox = document.querySelector('.comment-box');
commentBox.style.cursor = 'default';
}
if(isResizing){
isResizing = false;
let commentBox = document.querySelector('.comment-box');
commentBox.style.cursor = 'default';
}
}
window.onload = function(){
'use strict';
let blogBox = document.querySelector('.blog-content-box');
blogBox.appendChild(showCom);
let commentBox = document.querySelector('.comment-box');
commentBox.appendChild(hideCom);
commentBox.appendChild(moveCom);
commentBox.appendChild(resizeCom);
}
}
)();