diff --git a/Zhihu-Enhanced.user.js b/Zhihu-Enhanced.user.js index 4c527ae..b4fb219 100644 --- a/Zhihu-Enhanced.user.js +++ b/Zhihu-Enhanced.user.js @@ -1,6 +1,6 @@ // ==UserScript== // @name 知乎增强 -// @version 1.5.1 +// @version 1.5.2 // @author X.I.U // @description 移除登录弹窗、一键收起回答、收起当前回答/评论（点击两侧空白处）、快捷回到顶部（右键两侧空白处）、屏蔽用户 (发布的内容)、屏蔽关键词（标题/评论）、屏蔽盐选内容、展开问题描述、置顶显示时间、显示问题时间、区分问题文章、默认高清原图、默认站外直链 // @match *://www.zhihu.com/* @@ -109,27 +109,25 @@ function collapsedNowAnswer(selectors) { if (!menu_value('menu_collapsedNowAnswer')) return document.querySelector(selectors).onclick = function(event){ if (event.target==this) { + // 下面这段主要是 [收起回答]，顺便 [收起评论]（如果展开了的话） let rightButton = document.querySelector('.ContentItem-actions.Sticky.RichContent-actions.is-fixed.is-bottom') - if (rightButton) { // 悬浮的 [收起回答]（此时正在浏览回答内容 [头部区域 + 中间区域]） + // 悬浮在底部的 [收起回答]（此时正在浏览回答内容 [头部区域 + 中间区域]） + if (rightButton) { // 固定的 [收起评论]（先看看是否展开评论） let commentCollapseButton = rightButton.querySelector('button.Button.ContentItem-action.Button--plain.Button--withIcon.Button--withLabel:first-of-type') - if (commentCollapseButton && commentCollapseButton.innerText.indexOf('收起评论') > -1) { - commentCollapseButton.click(); - } + if (commentCollapseButton && commentCollapseButton.textContent.indexOf('收起评论') > -1) commentCollapseButton.click(); // 再去收起回答 rightButton = rightButton.querySelector('.ContentItem-rightButton') - if (rightButton && rightButton.hasAttribute('data-zop-retract-question')) { - rightButton.click(); - } - } else { // 固定的 [收起回答]（此时正在浏览回答内容 [尾部区域]） - for (let el of document.querySelectorAll('.ContentItem-rightButton')) { + if (rightButton && rightButton.hasAttribute('data-zop-retract-question')) rightButton.click(); + // 固定在回答底部的 [收起回答]（此时正在浏览回答内容 [尾部区域]） + } else { + for (let el of document.querySelectorAll('.ContentItem-rightButton')) { // 遍历所有回答底部的 [收起] 按钮 if (el.hasAttribute('data-zop-retract-question')) { - if (isElementInViewport(el)) { - // 固定的 [收起评论]（先看看是否展开评论） + if (isElementInViewport(el)) { // 判断该 [收起] 按钮是否在可视区域内 + // 固定的 [收起评论]（先看看是否展开评论，即存在 [收起评论] 按钮） let commentCollapseButton = el.parentNode.querySelector('button.Button.ContentItem-action.Button--plain.Button--withIcon.Button--withLabel:first-of-type') - if (commentCollapseButton && commentCollapseButton.innerText.indexOf('收起评论') > -1) { - commentCollapseButton.click(); // 如果展开了评论，就收起评论 - } + // 如果展开了评论，就收起评论 + if (commentCollapseButton && commentCollapseButton.textContent.indexOf('收起评论') > -1) commentCollapseButton.click(); el.click() // 再去收起回答 break } @@ -137,6 +135,7 @@ function collapsedNowAnswer(selectors) { } } + // 下面这段只针对 [收起评论]（如果展开了的话） var commentCollapseButton_ = false, commentCollapseButton__ = false; // 悬浮的 [收起评论]（此时正在浏览评论内容 [中间区域]） let commentCollapseButton = document.querySelector('.CommentCollapseButton') @@ -146,7 +145,7 @@ function collapsedNowAnswer(selectors) { let commentCollapseButton_1 = document.querySelectorAll('.ContentItem-actions > button.Button.ContentItem-action.Button--plain.Button--withIcon.Button--withLabel:first-of-type, .ContentItem-action > button.Button.Button--plain.Button--withIcon.Button--withLabel:first-of-type') if (commentCollapseButton_1.length > 0) { for (let el of commentCollapseButton_1) { - if (el.innerText.indexOf('收起评论') > -1) { + if (el.textContent.indexOf('收起评论') > -1) { if (isElementInViewport(el)) { el.click() commentCollapseButton_ = true // 如果找到并点击了，就没必要执行下面的代码了（可视区域中没有 [收起评论] 时） @@ -161,7 +160,7 @@ function collapsedNowAnswer(selectors) { for (let el of commentCollapseButton_1) { if (isElementInViewport(el)) { let commentCollapseButton = el.parentNode.parentNode.parentNode.parentNode.parentNode.querySelector('.ContentItem-actions > button.Button.ContentItem-action.Button--plain.Button--withIcon.Button--withLabel:first-of-type') - if (commentCollapseButton.innerText.indexOf('收起评论') > -1) { + if (commentCollapseButton.textContent.indexOf('收起评论') > -1) { commentCollapseButton.click() commentCollapseButton__ = true // 如果找到并点击了，就没必要执行下面的代码了（可视区域中没有 评论元素 时） break @@ -176,7 +175,7 @@ function collapsedNowAnswer(selectors) { if (isElementInViewport(el)) { let commentCollapseButton = el.parentNode.parentNode.parentNode.parentNode.parentNode.querySelector('.ContentItem-actions > button.Button.ContentItem-action.Button--plain.Button--withIcon.Button--withLabel:first-of-type') console.log(commentCollapseButton) - if (commentCollapseButton.innerText.indexOf('收起评论') > -1) { + if (commentCollapseButton.textContent.indexOf('收起评论') > -1) { commentCollapseButton.click() break } @@ -836,6 +835,28 @@ function removeLogin() { } +// 快捷关闭悬浮评论（监听点击事件，点击网页两侧空白处） +function closeFloatingComments() { + const closeFloatingCommentsModal = (mutationsList, observer) => { + for (const mutation of mutationsList) { + for (const target of mutation.addedNodes) { + if (target.nodeType != 1) return + if (target.querySelector('.Modal-backdrop')) { + document.querySelector('.Modal-backdrop').onclick = function(event){ + if (event.target == this) { + let button = document.getElementsByClassName('Button Modal-closeButton Button--plain')[0]; + if (button) button.click(); + } + } + } + } + } + }; + const observer = new MutationObserver(closeFloatingCommentsModal); + observer.observe(document, { childList: true, subtree: true }); +} + + // 监听 XMLHttpRequest 事件 function EventXMLHttpRequest() { var _send = window.XMLHttpRequest.prototype.send @@ -847,7 +868,6 @@ function EventXMLHttpRequest() { } - // [完整显示时间 + 置顶显示时间] 功能修改自：https://greasyfork.org/scripts/402808（从 JQuery 改为原生 JavaScript，且优化了代码） // 完整显示时间 + 置顶显示时间 - 首页 function topTime_index() { @@ -1109,6 +1129,7 @@ function addLocationchange() { (function() { removeLogin(); // 移除登录弹窗 + closeFloatingComments(); // 快捷关闭悬浮评论（监听点击事件，点击网页两侧空白处） questionInvitation(); // 默认折叠邀请 setInterval(originalPic,100); // 默认高清原图 if (menu_value('menu_directLink')) setInterval(directLink, 100); // 默认站外直链