Greasy Fork is available in English.
CSDN、掘金界面清爽
当前为
// ==UserScript==
// @name H2P: CSDN、掘金界面清爽
// @namespace http://tampermonkey.net/
// @version 0.0.7
// @icon https://csdnimg.cn/cdn/content-toolbar/csdn-logo.png?v=20200416.1
// @description CSDN、掘金界面清爽
// @author H2P
// @compatible chrome
// @match *://www.csdn.net*
// @match *://so.csdn.net/so/search/s.do?*
// @match *://blog.csdn.net/*
// @match *://juejin.im/*
// @note 2020.07.20-V0.0.01 搜索界面和博客界面元素隐藏
// @note 2020.07.20-V0.0.02 点赞栏位置固定
// @note 2020.07.20-V0.0.03-05 搜索、分类专栏位置调整
// @note 2020.07.20-V0.0.06-07 清爽掘金部分网页
// ==/UserScript==
(function() {
'use strict';
const $H2P = function (xpath, one = true) {
if (one) { return document.querySelector(xpath); }
else { return Array.from(document.querySelectorAll(xpath)); }
}
const isCSDN = window.location.href.includes('csdn');
const isCSDNHome = window.location.href.includes('/www.csdn.net');
const isCSDNSearch = window.location.href.includes('/so.csdn.net/so/search/');
const isCSDNBlog = window.location.href.includes('/blog.csdn.net/');
const isJueJin = window.location.href.includes('juejin');
let eleStyle = document.createElement('style');
if (isCSDN) {
if (isCSDNHome) {
// 中间轮播广告、右侧轮播广告 begin
eleStyle.innerHTML += `
main .carousel .carousel-left { width: 100%!important; }
.slide-outer.right_top,
li.clearfix[data-type=other] { display: none!important; }
`;
// CSND 信息
eleStyle.innerHTML += `
.right_box.csdn-tracking-statistics,
.persion_article { display: none!important; }
`;
}
else if (isCSDNSearch) {
// 右侧边栏
eleStyle.innerHTML += `
.con-r { display: none!important; }
@media screen and (min-width: 900px) {
.con-l { width: 100%; }
.con-l .con-l-right { width: calc(100% - 104px); }
}
`;
} else if (isCSDNBlog) {
// 博主勋章
eleStyle.innerHTML += `
.aside-box-footer { display: none!important; }
`;
// 导航栏、主体
eleStyle.innerHTML += `
.csdn-toolbar { position: fixed!important; z-index: 9999; top: 0!important; }
.main_father { margin-top: 44px!important; overflow-x: hidden!important; }
.main_father main { margin-bottom: 10px!important; }
`;
// 右侧推荐、最新评论、热门文章
eleStyle.innerHTML += `
.recommend-right_aside, #asideNewComments,
#asideHotArticle { display: none!important; }
.more-toolbox .left-toolbox { position: relative!important; }
aside.blog_container_aside { position: fixed!important; top: auto!important; bottom: auto!important; left: auto!important; z-index: 0!important; }
`;
// 分类专栏
eleStyle.innerHTML += `
#asideCategory > .aside-content { max-height: fit-content!important; overflow-y: scroll!important; }
#asideCategory > .aside-content + p.text-center { display: none!important; }
`;
// 举报
eleStyle.innerHTML += `
.csdn-side-toolbar { display: none!important; }
`;
// 主体下方推荐、抢沙发
eleStyle.innerHTML += `
.first-recommend-box, .second-recommend-box,
.recommend-item-box.recommend-recommend-box,
.recommend-other-item-box,
img.comment-sofa-flag { display: none!important; }
`;
// 皮肤主题、底部
eleStyle.innerHTML += `
.template-box, .bottom-pub-footer { display: none!important; }
`;
}
// 调换分类专栏位置
let ele = document.createElement('aside');
ele.id = 'h2p-aside-right';
ele.classList.add('blog_container_aside');
let invl = setInterval(() => {
if ($H2P('div#rightAside')) {
$H2P('div#rightAside').appendChild(ele);
window.clearInterval(invl);
invl = null;
let invl1 = setInterval(() => {
if ($H2P('div#asideSearchArticle')) {
$H2P('aside#h2p-aside-right').appendChild($H2P('div#asideSearchArticle'));
window.clearInterval(invl1);
invl1 = null;
}
}, 100);
let invl2 = setInterval(() => {
if ($H2P('div#asideCategory')) {
$H2P('aside#h2p-aside-right').appendChild($H2P('div#asideCategory'));
window.clearInterval(invl2);
invl2 = null;
}
}, 100);
}
}, 100);
} else if (isJueJin) {
// 导航栏
eleStyle.innerHTML += `
.main-header { transform: none!important; }
`;
// 搜索框大小
eleStyle.innerHTML += `
.search-form, .search-form .search-input { width: 100%!important; }
`;
// 掘金小册、下载、微信交流群
eleStyle.innerHTML += `
.index-book-collect, .app-download-sidebar-block,
.wechat-sidebar-block { display: none!important; }
`;
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
//
// juejin post
//
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
// 点赞位置
eleStyle.innerHTML += `
.article-suspended-panel { top: 81px!important; }
`;
// 作者信息、相关文章、目录位置
eleStyle.innerHTML += `
.author-block { position: fixed!important; width: 240px!important; }
.related-entry-sidebar-block { position: fixed!important; width: 240px; top: 300px!important; }
.sticky-block-box { position: fixed!important; width: 240px!important; left: calc(50% + 480px + 20px);!important; }
`;
// 作者广告
eleStyle.innerHTML += `
.article-banner { display: none!important; }
`;
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
//
// juejin search
//
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ //
// 搜索 - 综合
eleStyle.innerHTML += `
.nav-block { justify-content: flex-start!important; }
.result-list, .main-list { max-width: none!important; }
`;
// 搜索 - 文章、标签、用户
eleStyle.innerHTML += `
.entry-list, .tag-list, .user-list { max-width: none!important; }
`;
}
document.head.appendChild(eleStyle);
})();