您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Changes the comment section’s default linear mode to threaded mode.
当前为
// ==UserScript== // @name pixiv ツリー型コメント // @name:ja pixiv ツリー型コメント // @name:en pixiv Threaded Comments // @description Changes the comment section’s default linear mode to threaded mode. // @description:ja 返信コメントを返信先の下に移動し、コメント欄を見やすく整理します。 // @namespace https://gf.qytechs.cn/users/137 // @version 3.0.2 // @match https://www.pixiv.net/member_illust.php?*mode=medium* // @match https://www.pixiv.net/novel/show.php?*id=* // @match https://www.pixiv.net/group/*?*id=* // @require https://gf.qytechs.cn/scripts/17895/code/polyfill.js?version=172152 // @require https://gf.qytechs.cn/scripts/17896/code/start-script.js?version=112958 // @license Mozilla Public License Version 2.0 (MPL 2.0); https://www.mozilla.org/MPL/2.0/ // @compatible Edge 非推奨 / Deprecated // @compatible Firefox Tampermonkey BETA の利用は非推奨 / Tampermonkey BETA is depricated // @compatible Opera // @compatible Chrome // @grant dummy // @noframes // @run-at document-start // @icon data:image/vnd.microsoft.icon;base64,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 // @author 100の人 // @homepage https://gf.qytechs.cn/scripts/5291 // ==/UserScript== (function () { 'use strict'; /** * ページの種類。 * @type {string} */ let pageType; switch (window.location.pathname) { case '/member_illust.php': pageType = 'illust'; break; case '/novel/show.php': pageType = 'novel'; break; case '/group/': case '/group/show.php': case '/group/comment.php': pageType = 'group'; break; default: return; } if (pageType !== 'group') { startScript( main, parent => parent.id === 'one_comment', target => target.classList.contains(pageType === 'illust' ? 'layout-column-2' : 'worksOptionRight'), () => pageType === 'illust' ? document.querySelector('#one_comment .layout-column-2') : document.getElementsByClassName('worksOptionRight')[0] ); } else { startScript( main, parent => parent.id === 'wrapper', target => target.id === 'template-drawr-paint-ui', () => document.getElementById('template-drawr-paint-ui') ); } function main() { document.head.insertAdjacentHTML('beforeend', '<style>' + (pageType !== 'group' ? ` /*==================================== イラスト・小説のコメント欄 */ /*------------------------------------ 余白を修正 */ ._comment-items ._comment-item, ._comment-items ._comment-sticker-item { border-top: 1px solid #D6DEE5; display: flex; margin: initial; padding: initial; } ._comment-items ._comment-sticker-item { display: block; padding-bottom: 6px; } ._comment-items ._comment-item > ._user-icon, ._comment-items .comment:first-child::before { /* アイコン */ flex-shrink: 0; position: relative; margin: 0.2em 0.4em; } ._comment-items .comment:first-child::before { /* 削除されたユーザーのアイコン */ content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 40px; height: 40px; background: url("https://source.pixiv.net/common/images/no_profile_s.png") center center / 110% content-box; opacity: 0.4; border-radius: 50%; } ._comment-items .comment:first-child { margin-left: calc(40px + 1em); } ._comment-items .comment, ._comment-items .has-action-list .comment, ._comment-items .host-user .comment { /* アイコン以外の部分 */ flex-grow: 1; padding: 0; margin: 0.2em; /* 長い英単語などを折り返すようにする */ overflow: hidden; /* overflow: hidden によって「MS Pゴシック」の「ぐ」が見切れる問題を回避 */ padding-left: 0.1em; margin-left: 0.1em;\ } ._comment-items .meta { /* 名前・投稿日時 */ margin-bottom: initial; } ._comment-items .body { /* 本文 */ /* 左右均等割り付けされないようにする */ text-align: initial; } #one_comment ._comment-sticker-item .sticker-item { /* スタンプ */ margin-top: 6px; margin-left: 6px; } ._comment-items .action-list { /* 返信する・削除するボタン */ position: absolute; top: 0; right: 0; } \ /*------------------------------------ 作者コメント強調方法の修正 */ ._comment-items .host-user .comment > * { /* 名前・投稿日時・返信先・スタンプ */ text-align: initial; } ._comment-items .host-user .body { /* 本文 */ float: initial; } ._comment-items .host-user { /* 背景色 */ background: lavenderblush; } \ /*------------------------------------ 返信コメント */ ._comment-items .tree > :nth-of-type(n+2) { margin-left: 2em; } ._comment-items .tree > .tree > .tree > .tree .tree > :nth-of-type(n+2) { margin-left: 0; } ._comment-items .tree > :first-of-type.host-user { border-bottom: 1px solid #D6DEE5; margin-bottom: -1px; } \ /*==================================== イラスト・小説の返信ダイアログ */ /*------------------------------------ 余白を修正 */ ._comment-modal .comment { margin: initial; } ._comment-modal .comment, ._comment-modal .host-user .comment { padding-left: 90px; padding-right: 20px; } /*------------------------------------ 作者コメント強調方法の修正 */ ._comment-modal .host-user ._user-icon { /* アイコン */ left: 20px; } ._comment-modal .host-user .comment > * { /* 名前・投稿日時・返信先・スタンプ */ text-align: initial; } ._comment-modal .host-user .body { /* 本文 */ float: initial; } ._comment-modal ._comment-item.host-user { /* 背景色 */ background: lavenderblush; } \ /*==================================== スタンプの表示方法の統一 */ ._comment-sticker-item .sticker { /* 6個連続した時の大きさに */ width: 67px; height: 67px; } .sticker-item .user-icon { /* 単体のスタンプを変換したアイテムのアイコン */ width: 100%; } .comment > .body > p > img { /* 単体の絵文字 */ width: 28px; height: initial; } ` : ` /*==================================== グループのコメント欄 */ /*------------------------------------ 区切り線 */ #page-group #timeline li.post div.comment div.post, #page-group #timeline li.post div.comment div.post ~ div.post { border-top: dashed 1px #DEE0E8; border-bottom: none; } #page-group #timeline li.post div.comment div.post::before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top: dashed 1px #FFFFFF; } #page-group #timeline li.post div.comment { border-bottom: dashed 1px #DEE0E8; } /*------------------------------------ 最初のコメント */ #page-group #timeline li.post div.comment > div.post:first-of-type, #page-group #timeline li.post div.comment > .tree:first-of-type > div.post:first-of-type, #page-group #timeline li.post div.comment > div.post:first-child::before, #page-group #timeline li.post div.comment > .tree:first-child > div.post:first-of-type::before { /* 一番上のコメント */ /* 「以前のコメントを見る」ボタンがある時は、白色の破線は消さない */ border-top: none; } /*------------------------------------ 返信コメント */ #page-group #timeline li.post div.comment .tree > :nth-of-type(n+2) { margin-left: 2em; } #page-group #timeline li.post div.comment .tree .postbody { width: initial; } `) + '</style>'); /** * コメントリスト要素。 * @type {HTMLDivElement} */ let commentList; /** * コメント欄のすべてのスタンプを格納するリスト。 * @type {?HTMLDivElement} */ let allStickerList = null; /** * スタンプの返信ボタン。 * @type {?HTMLUListElement} */ let itemActionsTemplate = document.getElementsByClassName('_item-actions')[0]; // 小説ページ以外なら /** * {@link MutationObserver#observe}の第2引数に指定するオブジェクト。 * @type {MutationObserverInit} */ const observerOptions = { childList: true, }; if (pageType !== 'group') { // イラスト・小説ページ commentList = document.getElementsByClassName('_comment-items')[0]; } else { // グループページ commentList = document.getElementById('timeline'); observerOptions.subtree = true; } moveAllReplyComments(); // コメントの増減を監視する new MutationObserver(function (mutations, observer) { const firstMutationRecord = mutations[0]; const firstAddedNode = firstMutationRecord.addedNodes[0]; if (firstAddedNode) { // コメントが増えていれば // 監視を一旦停止 if (pageType === 'illust' && !firstMutationRecord.previousSibling) { // イラストページへのコメント投稿時 firstAddedNode.style.display = ''; } // 監視を一旦停止して返信コメントを移動する observer.disconnect(); moveAllReplyComments(); observer.observe(commentList, observerOptions); } }).observe(commentList, observerOptions); /** * すべての返信コメントを返信先コメントの下に移動します。 */ function moveAllReplyComments() { if (pageType !== 'group') { // イラスト・小説ページ // スタンプを一か所にまとめる if (allStickerList) { // まとめ先のリストが存在すれば if (allStickerList.nextElementSibling) { // コメント欄の一番下以外の場所にあれば、移動する commentList.append(allStickerList); } } /** * スタンプリスト、またはスタンプリストに含まれないスタンプ。 * @type {HTMLDivElement} */ for (const stickerListOrComment of commentList.querySelectorAll('._comment-sticker-item, ._comment-item .sticker-container')) { if (!allStickerList) { // まとめ先のリストがまだ作成されていなければ、作成 commentList.insertAdjacentHTML( 'beforeend', '<div class="_comment-sticker-item sticker-container sticker-6-item"></div>' ); allStickerList = commentList.lastElementChild; } if (stickerListOrComment.classList.contains('_comment-sticker-item')) { // スタンプリストなら if (stickerListOrComment !== allStickerList) { // まとめ先のリストでなければ stickerListOrComment.remove(); allStickerList.append(...stickerListOrComment.childNodes); } } else { // スタンプなら /** * コメントアイテム。 * @type {HTMLDivElement} */ const commentItem = stickerListOrComment.parentNode.parentNode; /** * 返信先コメント投稿者名 (作者コメントの場合のみ)。 * @type {?HTMLSpanElement} */ const repliedUserName = commentItem.classList.contains('host-user') ? commentItem.getElementsByClassName('reply-to')[0] : null; if (repliedUserName) { // 作者コメント、かつ返信コメントなら、返信先のコメントIDを要素に保存 commentItem.setAttribute('data-reply-to-id', repliedUserName.dataset.id); } // コメントアイテムをスタンプアイテムに変換 commentItem.classList.remove('_comment-item'); commentItem.classList.add('sticker-item'); commentItem.getElementsByClassName('_user-icon')[0].classList.add('size-24'); commentItem.getElementsByClassName('comment')[0] .replaceWith(commentItem.getElementsByClassName('sticker')[0]); // 返信ボタンを追加 if (itemActionsTemplate) { commentItem.append(itemActionsTemplate.cloneNode(true)); } else { commentItem.insertAdjacentHTML('beforeend', `<ul class="_item-actions"> <li class="reply item"> <i class="_icon-12 _icon-reply"></i> </li> </ul>`); itemActionsTemplate = commentItem.lastElementChild; } // スタンプリスト内にスタンプアイテムを移動 allStickerList.append(commentItem); } } // 返信コメントの移動 /** * 返信先コメント投稿者名、または返信スタンプ。 * @type {HTMLSpanElement} */ for (const repliedUserNameOrReplyStickerItem of commentList.querySelectorAll('.reply-to, .sticker-item[data-reply-to-id]')) { /** * 返信スタンプなら真。 * @type {String} */ const replySticker = repliedUserNameOrReplyStickerItem.classList.contains('sticker-item'); /** * 返信先コメントのID。 * @type {string} */ const repliedCommentId = repliedUserNameOrReplyStickerItem.dataset[replySticker ? 'replyToId' : 'id']; /** * 返信先コメント。 * @type {?HTMLDivElement} */ const repliedComment = commentList.querySelector('._comment-item[data-id="' + repliedCommentId + '"]'); if (repliedComment) { // 返信先コメントが存在すれば /** * 返信コメント。 * @type {?HTMLDivElement} */ let replyComment = null; if (replySticker) { // スタンプなら、スタンプリストに変換する replyComment = allStickerList.cloneNode(); replyComment.classList.add('host-user'); replyComment.append(repliedUserNameOrReplyStickerItem); } else { // 通常のコメントなら replyComment = repliedUserNameOrReplyStickerItem.parentNode.parentNode; // 返信先コメント投稿者名を削除 repliedUserNameOrReplyStickerItem.remove(); } moveReplyComment(repliedComment, replyComment); } } } else { // グループページ const repliedUserNames = document.querySelectorAll('.body > p > a'); for (let i = repliedUserNames.length - 1; i >= 0; i--) { /** * 返信先コメント投稿者名。 * @type {HTMLSpanElement} */ const repliedUserName = repliedUserNames[i]; /** * 返信先コメント。 * @type {?HTMLDivElement} */ const repliedComment = document.getElementById(repliedUserName.hash.replace('#', '')); if (repliedComment) { // 返信先コメントが存在すれば moveReplyComment(repliedComment, repliedUserName.closest('.post')); // 返信先コメント投稿者名を削除 repliedUserName.parentElement.remove(); } } } } /** * 返信コメントを返信先コメントの下に移動します。 * @param {HTMLDivElement} repliedComment - 返信先コメント。 * @param {HTMLDivElement} replyComment - 返信コメント。 */ function moveReplyComment(repliedComment, replyComment) { if (!replyComment.previousElementSibling) { const parent = replyComment.parentNode; if (parent && parent.classList.contains('tree')) { // 返信コメントにラッパー要素が存在すれば replyComment = parent; } } /** * 返信先コメントと返信コメントを格納するラッパー要素。 * @type {HTMLDivElement} */ let tree = null; if (!repliedComment.previousElementSibling) { const parent = repliedComment.parentNode; if (parent.classList.contains('tree')) { // ラッパー要素がすでに存在すれば tree = parent; } } if (!tree) { // ラッパー要素が存在しなければ // ラッパー要素を作成 tree = document.createElement('div'); tree.classList.add('tree'); // 返信先コメントをラッパー要素に置換 repliedComment.replaceWith(tree); // 返信先コメントをラッパーに追加 tree.append(repliedComment); } // 返信コメント移動 if (pageType !== 'group') { // イラスト・小説ページ repliedComment.after(replyComment); } else { // グループページ tree.append(replyComment); } } } })();
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址