当前版本号: ${VERSION}
作者本人也是做前端开发的
有兴趣的小伙伴可以加百人大群 一起探讨交流
'差评' 去提交个建议
'好评' 给作者点个赞
如果有问题或者建议可以及时联系群主或者github提issues, 我也很希望大家能提提意见, 我看到后会及时内回复各位, 祝各位使用愉快
未来版本将要更新的功能：
1.对CSDN下载资源对优化
2.添加博客园 掘金 知乎 简书 思否 等技术论坛等优化
3.可以对文章主要部分进行打印 PDF 获取
4.目前只想到这些吧 其他的 想起来在写
`
let parentDom = getElement('.blog-ui-csdn')[0]
let createDom = document.createElement('div')
createDom.innerHTML = html
parentDom.appendChild(createDom)
}
function initMainEvent() {
addEvent('#blog-ui-main', 'click', (e) => {
console.log(123)
addCss('#blog-main', { display: 'inherit' })
if (getElement('.bscroll-vertical-scrollbar').length !== 0) {
getElement('.bscroll-vertical-scrollbar')[0].remove()
}
getElement('.blog-ui-csdn')[0].style.transform = 'translateX(0px) translateY(0px) translateZ(1px)'
})
// 设置鼠标移入svg 显示主菜单
addEvent('#blog-ui-main', 'mouseenter', (e) => {
console.log(0)
addCss('#blog-main', { display: 'inherit' })
if (getElement('.bscroll-vertical-scrollbar').length !== 0) {
getElement('.bscroll-vertical-scrollbar')[0].remove()
}
getElement('.blog-ui-csdn')[0].style.transform = 'translateX(0px) translateY(0px) translateZ(1px)'
})
addEvent('#blog-main', 'mouseleave', () => {
addCss('#blog-main', { display: 'none' })
})
var screen_width = document.body.offsetWidth;
var screen_height = window.innerHeight;
let father = getElement('#blogUiApp')[0]
if (GM_getValue('x')) {
father.style.top = GM_getValue('y')
father.style.left = GM_getValue('x')
}
addEvent('#blog-ui-main', 'mousedown', (e) => {
var x = e.pageX - father.offsetLeft
var y = e.pageY - father.offsetTop
function move(e) {
let Py = e.pageY - y
let Px = e.pageX - x
father.style.top = Py + 'px'
father.style.left = Px + 'px'
if (Py < 20) {
father.style.top = 20 + 'px'
} else if (Py > (screen_height - 50)) {
father.style.top = screen_height - 50 + 'px'
}
if (Px < 5) {
father.style.left = 5 + 'px'
} else if (Px > (screen_width - 50)) {
father.style.left = screen_width - 50 + 'px'
getElement('#blog-ui-main')[0].style.reight = '5px'
}
GM_setValue('x', father.style.left)
GM_setValue('y', father.style.top)
}
document.addEventListener('mousemove', move)
document.addEventListener('mouseup', function () {
document.removeEventListener('mousemove', move)
})
})
addEvent('#blog-ui-main', 'touchstart', (e) => {
var x = e.changedTouches[0].pageX - father.offsetLeft
var y = e.changedTouches[0].pageY - father.offsetTop
function move(e) {
let Py = e.changedTouches[0].pageY - y
let Px = e.changedTouches[0].pageX - x
father.style.top = Py + 'px'
father.style.left = Px + 'px'
if (Py < 20) {
father.style.top = 20 + 'px'
} else if (Py > (screen_height - 50)) {
father.style.top = screen_height - 50 + 'px'
}
if (Px < 5) {
father.style.left = 5 + 'px'
} else if (Px > (screen_width - 50)) {
father.style.left = screen_width - 50 + 'px'
getElement('#blog-ui-main')[0].style.reight = '5px'
}
GM_setValue('x', father.style.left)
GM_setValue('y', father.style.top)
}
document.addEventListener('touchmove', move)
document.addEventListener('touchend', function () {
document.removeEventListener('touchmove', move)
})
})
}
// ----------- CSDN 专区 ----------
function csdnDirectory(checkedFlag, domId) {
CSDNEvent(domId, checkedFlag)
if (checkedFlag && domId) {
csdnSetMenuHeight(flag = true)
}
}
function csdnSetMenuHeight(flag = false) {
setTimeout(() => {
let asidedirectory = getElement('#asidedirectory')[0]
if (asidedirectory) {
let blog_container_aside = Array.from(getElement('.blog_container_aside')[0].children)
let height = 0
blog_container_aside.forEach((item) => {
height += item.offsetHeight
})
height = height - asidedirectory.offsetHeight
GM_setValue('CSDNMenuHeight', height)
let CSDNMenuHeight = GM_getValue("CSDNMenuHeight")
csdnScrollMenu(asidedirectory, CSDNMenuHeight)
window.onscroll = (e) => {
csdnScrollMenu(asidedirectory, CSDNMenuHeight)
}
}
}, 1000)
}
function csdnScrollMenu(asidedirectory, CSDNMenuHeight) {
let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
if (scrollTop > CSDNMenuHeight) {
asidedirectory.classList.add('default-menu')
} else {
asidedirectory.classList.remove('default-menu')
}
}
function csdnRadioP() {
GM_setValue('CsdnRadioC', false)
GM_setValue('CsdnRadioP', true)
getElement('.main_father')[0].style = `height: 100%; width: 97vw; justify-content: unset;`
getElement('.container')[0].style = `display: flex;width: 97vw;`
}
function csdnRadioC() {
GM_setValue('CsdnRadioP', false)
GM_setValue('CsdnRadioC', true)
getElement('.main_father')[0].style = `height: 100%; width: 97vw; justify-content: center;`
getElement('.container')[0].style = `display: flex;`
}
function CSDNIsH5OrPC(id) {
// h5 移动端端时候的主元素ID
let dom = getElement(id)
if (dom && dom.length > 0) {
return true
} else {
return false
}
}
// csdn 点击操作区部分触发的事件
function CSDNEvent(domId, checked) {
displayDom(domId, checked);
(!ISH5 && CURRENTPAGES == 2) ? setAside() : '' // 点击之后进行判断是不是没有右侧的侧边栏了
window.onscroll = null
csdnSetMenuHeight()
}
// -------- csdn 通用 ---------
// 处理顶部
function removeTopbar(checked) {
setTimeout(() => {
// 处理左侧
getElement('.toolbar-menus li').forEach(item => {
let dataType = item.getAttribute('title')
if (['高价值源码课程分享', '简单高效优惠的云服务', '程序员的如意兵器', '找到志同道合的伙伴', '系统学习·问答·比赛', '开源代码托管', '让你的灵感立即落地'].includes(dataType)) {
item.style.display = checked ? 'inline-block' : 'none'
}
})
// 判断是否登录
let loginDom = getElement('.toolbar-btn-loginfun')
// 已经登录
if (!loginDom) {
return
}
// 删除顶部右侧
['.toolbar-btn-vip', '.toolbar-btn-collect', '.toolbar-dynamic-box', '.toolbar-mp-menubox', '.toolbar-btn-write', '.toolbar-advert', '.toolbar-btn-mp', '.toolbar-btn-msg'].forEach(item => {
displayDom(item, checked)
})
}, 500)
}
function whiteBack(checked) {
if (checked) {
getElement('body')[0].classList.add('bodyWhite')
} else {
getElement('body')[0].classList.remove('bodyWhite')
}
}
// 优化开始
function CSDNOoptimiz(key) {
if (!ISH5) {
let removeDom = ['#recommendNps', '.template-box', '.blog-footer-bottom', '#csdn-copyright-footer']
// 删除可以直接通类名进行获取的元素
removeDom.forEach(item => {
displayDom(item, false)
})
}
// getElement('.passport-login-container')[0].style.display = 'none'
// 点击登录注册按钮进行展示登录页面
let loginShow = ['.toolbar-btn-login', '.unlogin-comment-bt']
loginShow.forEach(item => {
let loginDom = getElement(item)
loginDom && loginDom.length != 0 && loginDom[0].addEventListener('click', () => {
setTimeout(() => { getElement('.passport-login-container')[0].style.display = 'block' }, 500)
})
})
if (key === 2) {
// 解除点击全选
let hljdButton = getElement(".hljs-button")
if (hljdButton && hljdButton.length !== 0) {
hljdButton.forEach(item => {
item.setAttribute('data-title', '免登录复制')
item.addEventListener('click', (event) => {
const parentPreBlock = event.target.closest("pre");
let code = parentPreBlock.querySelectorAll('code')[0]
navigator.clipboard.writeText(code.innerText)
item.setAttribute('data-title', '复制成功')
setTimeout(() => { item.setAttribute('data-title', '免登录复制') }, 3000)
})
})
}
// 复制
getElement('#content_views')[0].oncopy = function(event) {
const selection = document.getSelection()
event.clipboardData.setData("text/plain", selection.toString())
event.preventDefault()
}
// 展开code 折叠
document.querySelectorAll('.hide-preCode-bt').forEach(item => { item.click() })
ISH5 ? csdnDeatilH5() : csdnDeatilPc()
}
}
// -----------详情页面处理方法------
// 判断右侧 的 侧边栏是不是全都有display：none 如果有就进行全屏显示
function setAside() {
let blog_container_aside = getElement('.blog_container_aside')[0]
setTimeout(() => {
let domList = []
getElement('.blog_container_aside .aside-box').forEach(item => {
domList.push(item.style.display)
})
if (domList.filter(item => {
return item == 'block'
}).length == 0) {
asideWidth = '0px'
} else {
asideWidth = '300px'
}
blog_container_aside.style.width = asideWidth
})
}
// 处理左侧悬浮
function removeSideToolbar(checked) {
setTimeout(() => {
// 删除侧边悬浮
getElement('.csdn-side-toolbar')[0].style = ''
getElement('.csdn-side-toolbar .option-box').forEach(item => {
let dataType = item.getAttribute('data-type')
if (['search', 'guide', 'cs'].includes(dataType)) {
item.style.display = checked ? 'flex' : 'none'
}
if (['show', 'hide'].includes(dataType)) {
item.remove()
}
})
displayDom('.sidetool-writeguide-box', false)
displayDom('.btn-sidetool-writeguide', false)
displayDom('.btn-side-chatdoc-contentbox', false)
getElement('.tip-box')[0].remove()
}, 1000)
}
// operate 底部操作是否固定
function operate(checked) {
let operateDom = getElement('#operate')
if (operateDom && operateDom.length !== 0) {
setTimeout(() => {
operateDom[0].style.bottom = '0px'
operateDom[0].style.position = checked ? 'fixed' : 'inherit'
})
}
}
// 详情页面处理H5
function csdnDeatilH5() {
// let loginDom = getElement('.passport-login-container')
let recommendList = getElement('.container-fluid')
recommendList.forEach(item => {
item.addEventListener('click', (e) => {
e.stopPropagation()
window.open(e.currentTarget.attributes['data-url'].nodeValue)
})
})
let readall_box = getElement('.readall_box')
if (readall_box) {
readall_box[0].remove()
getElement('.article_content')[0].style.height = 'inherit'
}
}
// 详情页面处理PC
function csdnDeatilPc() {
// (!ISH5 && CURRENTPAGES == 2) ? setAside() : '' // 点击之后进行判断是不是没有右侧的侧边栏了
let mainDom = getElement('.main_father')[0]
mainDom.classList.remove('justify-content-center')
addCss('main', {
"flex": "1",
"margin-right": "10px"
})
// 设置右侧边栏
let blog_container_aside = getElement('.blog_container_aside')[0]
var observe = new MutationObserver((list) => {
blog_container_aside.style['position'] = 'relative'
blog_container_aside.style['left'] = '0'
blog_container_aside.style['width'] = asideWidth
})
observe.observe(blog_container_aside, { attributes: true });
// 设置底部关注一栏
let toolbar = getElement('.left-toolbox')[0]
toolbar.classList.add('observeToolbar')
let observeToolbar = new MutationObserver((list) => {
list.forEach(item => {
item.target.classList.add('observeToolbar')
observeToolbar.disconnect();
})
})
observeToolbar.observe(toolbar, { attributes: true })
// 去除剪贴板劫持
csdn.copyright.init("", "", "");
// 删除原始的右侧
let rightDom = getElement('.recommend-right')
rightDom && rightDom[0].remove()
// 关注博主才能查看
let focusUP = getElement('.hide-article-box')
if (focusUP && focusUP.length !== 0) {
focusUP[0].remove()
getElement('#article_content')[0].style.height = 'inherit'
}
setTimeout(() => {
setAside() // 判断右侧是否有悬浮
}, 1000)
}
// ------处理搜索列表---------
// 列表页是否平铺展示
function blogNav(checked) {
if (checked) {
getElement('.home_wrap')[0].style.width = '95vw'
getElement('.blog-content')[0].style.width = '75vw'
} else {
getElement('.home_wrap')[0].style.width = '70vw'
getElement('.blog-content')[0].style.width = '50vw'
}
}
function soPc(checked) {
setTimeout(() => {
let mainDom = getElement('.clearfix')[0]
checked ? mainDom.classList.remove('main') : mainDom.setAttribute('class', 'main clearfix')
}, 100)
}
// ------- 掘金专区 ---------
function JUEJINEvent(domId, checked) {
displayDom(domId, checked);
}
function juejinRadioC() {
GM_setValue('JuejinRadioC', true)
GM_setValue('JuejinRadioP', false)
setTimeout(() => {
let dom = getElement('.main-container')[0]
dom.setAttribute('style', `max-width: ${1200}px`)
let main = getElement('.main-area')[0]
main.style.width = '890px'
}, 100)
}
function juejinRadioP() {
GM_setValue('JuejinRadioP', true)
GM_setValue('JuejinRadioC', false)
// window.onload = () => {
setTimeout(() => {
let dom = getElement('.main-container')[0]
dom.setAttribute('style', `max-width: ${1140}px`)
let main = getElement('.main-area')[0]
main.style.width = '820px'
})
// }
}
function delayFunction(time, domStr) {
let delay = new Promise((resolve, reject) => {
let startTime = new Date().valueOf()
let endTime = startTime + time * 1000
let inter = setInterval(() => {
let dom = getElement(domStr)
if (new Date().valueOf() < endTime && (dom && dom.length !== 0)) {
clearInterval(inter)
resolve(dom[0])
} else if (new Date().valueOf() > endTime) {
clearInterval(inter)
reject()
}
}, 100);
})
return delay
}
// 相关搜索
function JuejinRelated(checked) {
delayFunction(3, '.related-entry-sidebar-block').then(res => {
if (!checked) {
res.style.top = '-1000px'
res.style.position = 'absolute'
} else {
res.style.top = ''
res.style.position = 'relative'
}
}).catch((error) => {
console.log('DOM 元素未找到')
})
}
// 目录
function JuejinGetMenu(checked) {
if (checked) {
displayDom('.article-catalog', true)
delayFunction(3, '.sidebar').then(res => {
var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
let offsetHeight = res.offsetHeight
let dom = getElement('.sticky-block-box')[0]
if (scroll + offsetHeight > offsetHeight) {
dom.style.position = 'fixed'
} else {
dom.style.position = 'initial'
}
window.onscroll = (e) => {
let scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
let offsetHeight = res.offsetHeight
let dom = getElement('.sticky-block-box')[0]
if (scroll > offsetHeight) {
dom.style.position = 'fixed'
} else {
dom.style.position = 'initial'
}
}
})
} else {
displayDom('.article-catalog', false)
}
}
function JuejinOptimiz() {
document.oncopy = event => event.clipboardData.setData('text', window.getSelection(0).toString());
setTimeout(() => { getElement('.article-suspended-panel .tooltip .panel-btn')[0].remove() }, 500)
// 没有登陆的时候 顶部的处理
let noLoginDisplay = ['.creator-item', '.vip-entry']
let isLogin = getElement('.login-button')[0]
noLoginDisplay.forEach(item => {
if (isLogin) {
getElement(item)[0].style.display = 'none'
}
})
displayDom('.sidebar-bd-entry', false)
displayDom('.banner', false)
}
// 掘金顶部数据处理
function JuejinTop(checked) {
let topList = getElement('.phone-hide .nav-item')
topList.forEach((item, index) => {
if (index != 0) {
if (item.getAttribute('tag') == 'li') {
item.style.display = checked ? 'flex' : 'none'
} else {
item.style.display = checked ? 'block' : 'none'
}
}
})
}
// 思否点击处理事件
function SiFouEvent(domId, checked) {
displayDom(domId, checked);
}
// 删除顶部
function removeSifouTopbar(checked) {
getElement('.navbar-nav')[0].style.display = checked ? 'flex' : 'none'
}
function SiFouRadioC() {
GM_setValue('SiFouRadioC', true)
GM_setValue('SiFouRadioP', false)
let DQDom = getElement('#question-wrap')[0] || getElement('.article-content')[0]
DQDom.style = `max-width: auto`
}
function SiFouRadioP() {
GM_setValue('SiFouRadioC', false)
GM_setValue('SiFouRadioP', true)
let DQDom = getElement('#question-wrap')[0] || getElement('.article-content')[0]
DQDom.style = `max-width: 90%;`
}
function similarRead(checked) {
setTimeout(() => {
getElement('#comment-area')[0].parentElement.nextElementSibling.style.display = checked ? 'block' : 'none'
// console.log(getElement('#comment-area'))
}, 500)
}
function similarPro(checked) {
setTimeout(() => {
getElement('#answer-question')[0].nextElementSibling.style.display = checked ? 'block' : 'none'
}, 500)
}
function getOnileUser() {
setTimeout(() => {
let parentDom = getElement('.blog-ui-csdn-main')[0]
let script1 = document.createElement('script')
let script2 = document.createElement('script')
script1.setAttribute('id', '_wauwd4')
script1.innerHTML = 'var _wau = _wau || []; _wau.push(["dynamic", "g24ioigmiv", "wd4", "c4302bffffff", "small"]);'
script2.setAttribute('async', true)
script2.setAttribute('src', '//waust.at/d.js')
parentDom.appendChild(script1)
parentDom.appendChild(script2)
}, 2000)
}
// 知乎专区
function ZhiHuEvent(domId, checked) {
displayDom(domId, checked);
}
function ZhihuOptimiz() {
setTimeout(() => {
let loginDom = getElement('.Modal-wrapper')
if (loginDom) {
let button = getElement('.Modal-closeButton')[0]
button.click()
}
}, 1000)
displayDom('.Banner-link', false)
setInterval(() => {
displayDom('.css-1ynzxqw', false)
displayDom('.css-1hwwfws', false)
displayDom('.Banner-link', false)
}, 3000)
displayDom('.AppBanner', false)
let dateCreate = document.createElement('div')
let parentDom = getElement('.QuestionHeader .QuestionHeader-main')[0]
// let time = document.getAttribute('itemprop', 'dateCreated')
let time = document.querySelector('meta[itemprop="dateCreated"]')
if(time) {
// debugger
let content = time.getAttribute('content')
let insertTime = new Date(content).toLocaleString()
dateCreate.innerHTML = '提问时间：' + insertTime.replaceAll('/', '-')
dateCreate.setAttribute('class', 'ContentItem-time')
parentDom.appendChild(dateCreate)
}
}
function ZhiHuRadioP() {
GM_setValue('ZhiHuC', false)
GM_setValue('ZhiHuP', true)
setTimeout(() => {
['.ContentItem-time', '.Post-Header', '.Post-RichTextContainer', '.Post-topicsAndReviewer', 'div[data-za-detail-view-path-module=CommentList]', '.Post-topicsAndReviewer+div'].forEach(item => {
getElement(item)[0].setAttribute('style', 'width: 1200px')
})
getElement('.Post-SideActions')[0].setAttribute('style', 'right:calc(50vw - 795px)')
}, 100)
}
function ZhiHuRadioC() {
GM_setValue('ZhiHuC', true)
GM_setValue('ZhiHuP', false)
setTimeout(() => {
['.ContentItem-time', '.Post-Header', '.Post-RichTextContainer', '.Post-topicsAndReviewer', 'div[data-za-detail-view-path-module=CommentList]', '.Post-topicsAndReviewer+div'].forEach(item => {
getElement(item)[0].setAttribute('style', 'width: 690px')
})
getElement('.Post-SideActions')[0].setAttribute('style', 'right:calc(50vw - 495px)')
}, 100)
}
// -------- 主函数 -------------
function mainInit() {
// 获取url地址 判断是那个网站
let urlObject = initUrl()
jumpLink()
if (!urlObject) {
return
}
// 不同平台是不是H5
switch (urlObject.platform) {
case 'CSDN': ISH5 = CSDNIsH5OrPC('.csdn-toolbar'); break;
// case 'ZhiHu': ISH5 = ZhihuIsH5OrPC('')
default: ISH5 = false
}
log(CURRENTPAGES)
if (CURRENTPAGES && !BLOGUICONFIG[CURRENTPAGES][ISH5 ? 'h5' : 'pc']) {
log(`当前页面无优化，如果需要请联系作者`)
return
}
// 生成主窗口
domHtml(urlObject)
generalCetch()
// 进行刷新这之后的设置
BLOGUICONFIG[CURRENTPAGES][ISH5 ? 'h5' : 'pc'].forEach(configItem => {
configItem.children.forEach(item => {
// 如果有事件那就去单独执行 否则就是 默认隐藏
if (item.getEvent && !['button'].includes(item.type)) {
if (item.type === 'radio' && !item.checked) {
return
} else {
eval(`${item.getEvent}(${item.checked}, '${item.domId}')`)
}
} else {
setTimeout(() => {
displayDom(item.domId, item.checked)
}, 500)
}
})
})
switch (urlObject.platform) {
case 'CSDN': CSDNOoptimiz(urlObject.key); break;
case 'Juejin': JuejinOptimiz(urlObject.key); break;
case 'ZhiHu': ZhihuOptimiz(urlObject.key); break;
}
// 生成附加信息
appendDom()
initMainEvent()
// getOnileUser()
log(`当前正在优化 ${urlObject.title} 使用愉快！有问题请联系作者`)
}
log(`脚本启动成功, 欢迎使用${TITLE} 版本:${VERSION}`)
// window.onload = () => {
mainInit()
})();
⬅️ 叫做 'exclusive-translation' 专属翻译