☰

CSDN|简书优化

支持手机端和PC端

当前为 2023-01-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         CSDN|简书优化
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.5.3
  5. // @description  支持手机端和PC端
  6. // @author       MT-戒酒的李白染
  7. // @include      http*://www.csdn.net/*
  8. // @include      http*://bbs.csdn.net/*
  9. // @include      http*://www.jianshu.com/*
  10. // @include      http*://*blog.csdn.net/*
  11. // @include      http*://download.csdn.net/*
  12. // @include      http*://huaweicloud.csdn.net/*
  13. // @grant        GM_addStyle
  14. // @grant        GM_registerMenuCommand
  15. // @grant        GM_unregisterMenuCommand
  16. // @grant        GM_getValue
  17. // @grant        GM_setValue
  18. // @grant        GM_deleteValue
  19. // @grant        GM_listValues
  20. // @grant        unsafeWindow
  21. // @run-at       document-start
  22. // @require	     https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.4.1/jquery.min.js
  23. // @require      https://greasyfork.org/scripts/449471-viewer/code/Viewer.js?version=1081056
  24. // @require      https://greasyfork.org/scripts/455186-whitesevsutils/code/WhiteSevsUtils.js?version=1138028
  25. // ==/UserScript==
  26.  
  27. (function () {
  28. 	"use strict";
  29. 	function waitForElementToRemove(_query_ = "") {
  30. 		/* 移除元素（未出现也可以等待出现） */
  31. 		Utils.waitNode(_query_).then((dom) => {
  32. 			dom.forEach((item) => {
  33. 				$(item).remove();
  34. 			});
  35. 		});
  36. 	}
  37. 	function JianShu() {
  38. 		/* 简书 */
  39. 		function isJianShu() {
  40. 			/* 判断是否是 简书 */
  41. 			return Boolean(/jianshu.com/i.test(window.location.origin));
  42. 		}
  43. 		function PC() {
  44. 			console.log("简书");
  45. 			const css = `
  46.       .download-app-guidance,
  47.       .call-app-btn,
  48.       .collapse-tips,
  49.       .note-graceful-button,
  50.       .app-open,
  51.       .header-wrap,
  52.       .recommend-wrap.recommend-ad,
  53.       .call-app-Ad-bottom,
  54.       #recommended-notes p.top-title span.more,
  55.       #homepage .modal,
  56.       button.index_call-app-btn,
  57.       span.note__flow__download,
  58.       .download-guide,
  59.       #footer,
  60.       .comment-open-app-btn-wrap,
  61.       .nav.navbar-nav + div{
  62.         display:none !important;
  63.       }
  64.       body.reader-day-mode.normal-size {
  65.         overflow: auto !important;
  66.       }
  67.       .collapse-free-content{
  68.         height:auto !important;
  69.       }
  70.       .copyright{
  71.         color:#000 !important;
  72.       }
  73.       #note-show .content .show-content-free .collapse-free-content:after{
  74.         background-image:none !important;
  75.       }
  76.       `;
  77. 			GM_addStyle(css);
  78. 			Utils.waitNode('div#homepage div[class*="dialog-"]').then((dom) => {
  79. 				if (dom.length) {
  80. 					dom[0].style["visibility"] = "hidden";
  81. 				}
  82. 			});
  83. 			Utils.mutationObserver('div#homepage div[class*="dialog-"]', {
  84. 				fn: (mutations) => {
  85. 					if (mutations.length == 0) {
  86. 						return;
  87. 					}
  88. 					if (mutations[0].target.style["display"] != "none") {
  89. 						document
  90. 							.querySelector('div#homepage div[class*="dialog-"] .cancel')
  91. 							?.click();
  92. 					}
  93. 				},
  94. 				config: {
  95. 					/* 子节点的变动（新增、删除或者更改） */
  96. 					childList: false,
  97. 					/* 属性的变动 */
  98. 					attributes: true,
  99. 					/* 节点内容或节点文本的变动 */
  100. 					characterData: true,
  101. 					/* 是否将观察器应用于该节点的所有后代节点 */
  102. 					subtree: true,
  103. 				},
  104. 			});
  105. 		}
  106. 		if (isJianShu()) {
  107. 			PC();
  108. 		}
  109. 	}
  110. 	function CSDN() {
  111. 		/* csdn-移动端 */
  112. 		function isCSDN() {
  113. 			/* 判断是否是 CSDN */
  114. 			return Boolean(/csdn.net/i.test(window.location.origin));
  115. 		}
  116. 		function Mobile() {
  117. 			/* 移动端 */
  118. 			console.log("CSDN-移动端");
  119. 			const css = `
  120.       #mainBox{
  121.         width: auto;
  122.       }
  123.       .user-desc.user-desc-fix{
  124.         height: auto  !important;
  125.         overflow: auto !important;
  126.       }
  127.       #operate,.feed-Sign-span,
  128.       .view_comment_box,
  129.       .weixin-shadowbox.wap-shadowbox,
  130.       .feed-Sign-span,
  131.       .user-desc.user-desc-fix,
  132.       .comment_read_more_box,
  133.       #content_views pre.set-code-hide .hide-preCode-box,
  134.       .passport-login-container,
  135.       .hljs-button[data-title='登录后复制'],
  136.       .article-show-more,
  137.       #treeSkill,
  138.       div.btn_open_app_prompt_div,
  139.       div.readall_box,
  140.       div.aside-header-fixed{
  141.         display:none !important;
  142.       }
  143.       .GM-csdn-dl{
  144.         padding: .24rem .32rem;
  145.         width: 100%;
  146.         justify-content: space-between;
  147.         -webkit-box-pack: justify;
  148.         border-bottom: 1px solid #F5F6F7!important;
  149.       }
  150.       .GM-csdn-title{
  151.         font-size: .3rem;
  152.         color: #222226;
  153.         letter-spacing: 0;
  154.         line-height: .44rem;
  155.         font-weight: 600;
  156.         //max-height: .88rem;
  157.         word-break: break-all;
  158.         overflow: hidden;
  159.         display: -webkit-box;
  160.         -webkit-box-orient: vertical;
  161.         -webkit-line-clamp: 2
  162.       }
  163.       .GM-csdn-title a{
  164.         word-break: break-all;
  165.         color: #222226;
  166.         font-weight: 600;
  167.       }
  168.       .GM-csdn-title em,.GM-csdn-content em{
  169.         font-style: normal;
  170.         color: #fc5531
  171.       }
  172.       .GM-csdn-content{
  173.         //max-width: 5.58rem;
  174.         overflow: hidden;
  175.         text-overflow: ellipsis;
  176.         display: -webkit-box;
  177.         -webkit-line-clamp: 1;
  178.         -webkit-box-orient: vertical;
  179.         color: #555666;
  180.         font-size: .24rem;
  181.         line-height: .34rem;
  182.         max-height: .34rem;
  183.         word-break: break-all;
  184.         -webkit-box-flex: 1;
  185.         -ms-flex: 1;
  186.         flex: 1;
  187.         margin-top: .16rem;
  188.       }
  189.       .GM-csdn-img img{
  190.         width: 2.18rem;
  191.         height: 1.58rem;
  192.         //margin-left: .16rem
  193.       }
  194.       .GM-csdn-Redirect{
  195.         color: #fff;
  196.         background-color: #f90707;
  197.         font-family: sans-serif;
  198.         margin: auto 2px;
  199.         border: 1px solid #ccc;
  200.         border-radius: 4px;
  201.         padding: 0px 3px;
  202.         font-size: xx-small;
  203.         display: inline;
  204.         white-space: nowrap;
  205.       }
  206.       .component-box .praise {
  207.         background: #ff5722;
  208.         border-radius: 5px;
  209.         padding: 0px 8px;
  210.         height: auto;
  211.               
  212.       }
  213.       .component-box .praise,.component-box .share {
  214.         color: #fff;
  215.       }
  216.       .component-box a {
  217.         display: inline-block;
  218.         font-size:xx-small;
  219.       }
  220.       .component-box {
  221.         display: inline;
  222.         margin: 0;
  223.         position: relative;
  224.         white-space:nowrap;
  225.       }
  226.       .csdn-edu-title{
  227.         background: #4d6de1;
  228.         border-radius: 5px;
  229.         padding: 0px 8px;
  230.         height: auto;
  231.         color: #fff !important;
  232.       }
  233.       #comment{
  234.         max-height: none !important;
  235.       }
  236.       #content_views pre,
  237.       #content_views pre code{
  238.         webkit-touch-callout: text !important;
  239.         -webkit-user-select: text !important;
  240.         -khtml-user-select: text !important;
  241.         -moz-user-select: text !important;
  242.         -ms-user-select: text !important;
  243.         user-select: text !important;
  244.       }
  245.       #content_views pre.set-code-hide,
  246.       .article_content{
  247.         height: 100% !important;
  248.         overflow: auto !important;
  249.       }
  250.       `;
  251. 			GM_addStyle(css);
  252. 			function refactoringRecommendation() {
  253. 				/* 重构底部推荐 */
  254. 				function refactoring() {
  255. 					/* 反复执行的重构函数 */
  256. 					$(".container-fluid").each((index, item) => {
  257. 						item = $(item);
  258. 						var url = ""; /* 链接 */
  259. 						var title = ""; /* 标题 */
  260. 						var content = ""; /* 内容 */
  261. 						var img = ""; /* 图片 */
  262. 						var isCSDNDownload = false; /* 判断是否是CSDN资源下载 */
  263. 						var isCSDNEduDownload = false; /* 判断是否是CSDN-学院资源下载 */
  264. 						if (item.attr("data-url")) {
  265. 							/* 存在真正的URL */
  266. 							url = item.attr("data-url");
  267. 							title = item.find(".recommend_title div.left").html();
  268. 							content = item.find(".text").html();
  269. 							if (item.find(".recommend-img").length) {
  270. 								/* 如果有图片就加进去 */
  271. 								item.find(".recommend-img").each((_index_, _item_) => {
  272. 									img += $(_item_).html();
  273. 								});
  274. 							}
  275. 						} else {
  276. 							console.log("节点上无data-url");
  277. 							url = item.find("a[data-type]").attr("href");
  278. 							title = item.find(".recommend_title div.left").html();
  279. 							content = item.find(".text").html();
  280. 						}
  281. 						if (GM_Menu.get("showDirect")) {
  282. 							/* 开启就添加 */
  283. 							title += `<div class="GM-csdn-Redirect">Redirect</div>`;
  284. 						}
  285. 						var _URL_ = new URL(url);
  286. 						if (
  287. 							_URL_.host === "download.csdn.net" ||
  288. 							(_URL_.host === "www.iteye.com" &&
  289. 								_URL_.pathname.match(/^\/resource/gi))
  290. 						) {
  291. 							/* 该链接为csdn资源下载 */
  292. 							console.log("该链接为csdn资源下载");
  293. 							isCSDNDownload = true;
  294. 							title += `<div class="component-box"><a class="praise" href="javascript:;">CSDN下载</a></div>`;
  295. 						} else if (_URL_.origin.match(/edu.csdn.net/gi)) {
  296. 							/* 该链接为csdn学院下载 */
  297. 							isCSDNEduDownload = true;
  298. 							console.log("该链接为csdn学院下载");
  299. 							title += `<div class="component-box"><a class="csdn-edu-title" href="javascript:;">CSDN学院</a></div>`;
  300. 						}
  301. 						item.attr("class", "GM-csdn-dl");
  302. 						item.attr("data-url", url);
  303. 						item.html(
  304. 							`<div class="GM-csdn-title"><div class="left">${title}</div></div><div class="GM-csdn-content">${content}</div><div class="GM-csdn-img">${img}</div>`
  305. 						);
  306. 						if (
  307. 							(isCSDNDownload || isCSDNEduDownload) &&
  308. 							GM_Menu.get("removeCSDNDownloadMobile")
  309. 						) {
  310. 							item.remove();
  311. 						}
  312. 						/* $("#recommend")
  313.               .find(".recommend_list")
  314.               .before($("#first_recommend_list").find("dl").parent().html()); */
  315. 					});
  316. 				}
  317.  
  318. 				Utils.mutationObserver("#recommend", {
  319. 					fn: () => {
  320. 						setTimeout(() => {
  321. 							refactoring();
  322. 						}, 300);
  323. 					},
  324. 					config: { childList: true, subtree: true, attributes: true },
  325. 				});
  326.  
  327. 				gmRecommendClickEvent();
  328. 			}
  329.  
  330. 			function gmRecommendClickEvent() {
  331. 				/* 底部推荐点击跳转事件 */
  332. 				$("body").on("click", ".GM-csdn-dl", function () {
  333. 					let url = $(this).attr("data-url");
  334. 					if (GM_Menu.get("openNewTab")) {
  335. 						window.open(url, "_blank");
  336. 					} else {
  337. 						window.location.href = url;
  338. 					}
  339. 				});
  340. 			}
  341.  
  342. 			function removeAds() {
  343. 				/* 去除广告 */
  344. 				waitForElementToRemove(".passport-login-container");
  345. 				waitForElementToRemove(".btn_open_app_prompt_box.detail-open-removed");
  346. 				waitForElementToRemove(".add-firstAd");
  347. 			}
  348.  
  349. 			$(document).ready(function () {
  350. 				removeAds();
  351. 				refactoringRecommendation();
  352. 			});
  353. 		}
  354. 		function PC() {
  355. 			/* 桌面端 */
  356. 			console.log("CSDN-桌面端访问");
  357. 			const css = `
  358.       .ecommend-item-box.recommend-recommend-box,
  359.       .login-mark,
  360.       .opt-box.text-center,
  361.       .leftPop,
  362.       #csdn-shop-window,
  363.       .toolbar-advert,
  364.       .hide-article-box,
  365.       .user-desc.user-desc-fix,
  366.       .recommend-card-box,
  367.       .more-article,
  368.       .article-show-more,
  369.       #csdn-toolbar-profile-nologin{
  370.           display: none !important;
  371.       }
  372.       .comment-list-box{
  373.           max-height: none !important;
  374.       }
  375.       .blog_container_aside,
  376.       #nav{
  377.           margin-left: -45px;
  378.       }
  379.       .recommend-right.align-items-stretch.clearfix,.dl_right_fixed{
  380.           margin-left: 45px;
  381.       }
  382.       #content_views pre code{
  383.           user-select: text !important;
  384.       }
  385.       #article_content,
  386.       .user-article.user-article-hide{
  387.         height: auto !important;
  388.         overflow: auto !important;
  389.       }
  390.   `;
  391. 			function removeClipboardHijacking() {
  392. 				/* 去除剪贴板劫持 */
  393. 				unsafeWindow.articleType = 0;
  394. 				unsafeWindow.csdn.copyright.textData = undefined;
  395. 				unsafeWindow.csdn.copyright.htmlData = undefined;
  396. 				$(".article-copyright")?.remove();
  397. 			}
  398. 			function unBlockCopy() {
  399. 				/* 取消禁止复制 */
  400. 				Utils.waitNode(".hljs-button.signin").then((dom) => {
  401. 					if (dom.length) {
  402. 						$(".hljs-button.signin").attr("data-title", "复制");
  403. 						$(".hljs-button.signin").on("click", function () {
  404. 							const copyBtn = $(this);
  405. 							const copyArea = $(this).parent();
  406. 							copyBtn.attr("data-title", "复制成功");
  407. 							const btnParentElement = Utils.findParentNode(this, (dom) => {
  408. 								return dom.className == "prettyprint" ? true : false;
  409. 							});
  410. 							if (btnParentElement) {
  411. 								$(btnParentElement).bind({
  412. 									mouseenter: function (e) {
  413. 										copyBtn.attr("data-title", "复制");
  414. 										$(btnParentElement)
  415. 											.unbind("mouseenter")
  416. 											.unbind("mouseleave");
  417. 									},
  418. 									mouseleave: function (e) {
  419. 										copyBtn.attr("data-title", "复制");
  420. 										$(btnParentElement)
  421. 											.unbind("mouseenter")
  422. 											.unbind("mouseleave");
  423. 									},
  424. 								});
  425. 							}
  426. 							Utils.setClip(copyArea.text());
  427. 						});
  428. 					}
  429. 				});
  430. 			}
  431. 			function clickPreCodeAutomatically() {
  432. 				/* 点击代码块自动展开 */
  433. 				$("pre[data-index]").on("click", function () {
  434. 					let obj = $(this);
  435. 					obj.css("height", "auto");
  436. 					obj.find(".hide-preCode-box")?.remove();
  437. 				});
  438. 			}
  439. 			function restoreComments() {
  440. 				/* 恢复评论到正确位置 */
  441. 				/* 第一条评论 */
  442. 				Utils.waitNode(".first-recommend-box").then((dom) => {
  443. 					$(".recommend-box.insert-baidu-box.recommend-box-style").prepend(
  444. 						$(dom)
  445. 					);
  446. 				});
  447. 				/* 第二条评论 */
  448. 				Utils.waitNode(".second-recommend-box").then((dom) => {
  449. 					$(".recommend-box.insert-baidu-box.recommend-box-style").prepend(
  450. 						$(dom)
  451. 					);
  452. 				});
  453. 			}
  454. 			function identityCSDNDownload() {
  455. 				/* 标识CSDN下载的链接 */
  456. 				$(".recommend-item-box[data-url*='https://download.csdn.net/']").each(
  457. 					(index, item) => {
  458. 						if (GM_Menu.get("removeCSDNDownloadPC")) {
  459. 							item.remove();
  460. 						} else {
  461. 							$(item).find(".content-box").css("border", "2px solid red");
  462. 						}
  463. 					}
  464. 				);
  465. 			}
  466.  
  467. 			function articleCenter() {
  468. 				/* 全文居中 */
  469. 				if (!GM_Menu.get("articleCenter")) {
  470. 					return;
  471. 				}
  472. 				GM_addStyle(
  473. 					`aside.blog_container_aside{
  474.             display:none !important;
  475.           }
  476.           #mainBox main{
  477.             width: inherit !important;
  478.           }
  479.         `
  480. 				);
  481. 			}
  482. 			function addGotoRecommandButton() {
  483. 				/* 添加前往评论的按钮，在返回顶部的下面 */
  484. 				const btnElement = $(`
  485.         <a class="option-box" data-type="gorecommand">
  486.           <span class="show-txt" style="display:flex;opacity:100;">前往<br>评论</span>
  487.         </a>
  488.         `);
  489.  
  490. 				Utils.waitNode(".csdn-side-toolbar").then((dom) => {
  491. 					$(dom).append(btnElement);
  492. 					$('.option-box[data-type="gorecommand"]').on("click", function () {
  493. 						console.log("滚动到评论");
  494. 						$("html, body").animate(
  495. 							{
  496. 								scrollTop:
  497. 									$("#toolBarBox").offset().top -
  498. 									$("#csdn-toolbar").height() -
  499. 									8,
  500. 							},
  501. 							1000
  502. 						);
  503. 					});
  504. 				});
  505. 			}
  506. 			function shieldLoginDialog() {
  507. 				/* 屏蔽登录弹窗 */
  508. 				if (GM_Menu.get("shieldLoginDialog")) {
  509. 					window.GM_CSS_GM_shieldLoginDialog = [
  510. 						GM_addStyle(`.passport-login-container{display: none !important;}`),
  511. 					];
  512. 				}
  513. 			}
  514. 			GM_addStyle(css);
  515. 			articleCenter();
  516. 			shieldLoginDialog();
  517. 			$(document).ready(function () {
  518. 				removeClipboardHijacking();
  519. 				unBlockCopy();
  520. 				identityCSDNDownload();
  521. 				clickPreCodeAutomatically();
  522. 				restoreComments();
  523. 				addGotoRecommandButton();
  524. 			});
  525. 		}
  526.  
  527. 		if (isCSDN()) {
  528. 			if (Utils.isPhone()) {
  529. 				Mobile(); /* 移动端 */
  530. 			} else {
  531. 				PC(); /* 桌面端 */
  532. 			}
  533. 		}
  534. 	}
  535. 	var GM_Menu = new Utils.GM_Menu({
  536. 		removeCSDNDownloadPC: {
  537. 			text: "电脑-移除文章底部的CSDN下载",
  538. 			enable: false,
  539. 			showText: (_text_, _enable_) => {
  540. 				return "[" + (_enable_ ? "√" : "×") + "]" + _text_;
  541. 			},
  542. 		},
  543. 		articleCenter: {
  544. 			text: "电脑-全文居中",
  545. 			enable: true,
  546. 			showText: (_text_, _enable_) => {
  547. 				return "[" + (_enable_ ? "√" : "×") + "]" + _text_;
  548. 			},
  549. 		},
  550. 		shieldLoginDialog: {
  551. 			text: "电脑-屏蔽登录弹窗",
  552. 			enable: true,
  553. 			showText: (_text_, _enable_) => {
  554. 				return "[" + (_enable_ ? "√" : "×") + "]" + _text_;
  555. 			},
  556. 			callback: (_key_, _enable_) => {
  557. 				if (!_enable_) {
  558. 					window.GM_CSS_GM_shieldLoginDialog.forEach((item) => {
  559. 						item.remove();
  560. 					});
  561. 				} else {
  562. 					if (typeof window.GM_CSS_GM_shieldLoginDialog !== "undefined") {
  563. 						window.GM_CSS_GM_shieldLoginDialog = [
  564. 							...window.GM_CSS_GM_shieldLoginDialog,
  565. 							GM_addStyle(
  566. 								`.passport-login-container{display: none !important;}`
  567. 							),
  568. 						];
  569. 					} else {
  570. 						window.GM_CSS_GM_shieldLoginDialog = [
  571. 							GM_addStyle(
  572. 								`.passport-login-container{display: none !important;}`
  573. 							),
  574. 						];
  575. 					}
  576. 				}
  577. 			},
  578. 		},
  579. 		showDirect: {
  580. 			text: "手机-标识处理过的底部推荐文章",
  581. 			enable: true,
  582. 			showText: (_text_, _enable_) => {
  583. 				return "[" + (_enable_ ? "√" : "×") + "]" + _text_;
  584. 			},
  585. 		},
  586. 		openNewTab: {
  587. 			text: "手机-底部推荐文章新标签页打开",
  588. 			enable: true,
  589. 			showText: (_text_, _enable_) => {
  590. 				return "[" + (_enable_ ? "√" : "×") + "]" + _text_;
  591. 			},
  592. 		},
  593. 		removeCSDNDownloadMobile: {
  594. 			text: "手机-移除文章底部的CSDN下载",
  595. 			enable: false,
  596. 			showText: (_text_, _enable_) => {
  597. 				return "[" + (_enable_ ? "√" : "×") + "]" + _text_;
  598. 			},
  599. 		},
  600. 	});
  601.  
  602. 	JianShu();
  603. 	CSDN();
  604. })();