☰

Young People in Yaohuo

青少年模式

  1. // ==UserScript==
  2. // @name         Young People in Yaohuo
  3. // @description  青少年模式
  4. // @version      0.8
  5. // @author       Polygon
  6. // @match        https://yaohuo.me/*
  7. // @icon         https://yaohuo.me/css/favicon.png
  8. // @grant        GM_addStyle
  9. // @grant        GM_info
  10. // @run-at       document-end
  11. // @namespace https://gf.qytechs.cn/users/788115
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.     // 添加一个style，PC端字体有点看不清
  17.     GM_addStyle(`
  18.         body, html {
  19.             font-family: Arial, SimHei !important;
  20.         }
  21.     `)
  22.     let forbiddenLocal
  23.     if (localStorage.getItem("forbidden") == null) {
  24.         forbiddenLocal = {keywords: [], usernames: []}
  25.         localStorage.setItem("forbidden", JSON.stringify(forbiddenLocal))
  26.     }
  27.     forbiddenLocal = JSON.parse(localStorage.getItem("forbidden"))
  28.     var keywords = forbiddenLocal.keywords
  29.     var usernames = forbiddenLocal.usernames
  30.     // 在record中读取k,读取过程中可能会初始化record[k]
  31.     let getRecord = (itemid) => {
  32.         if (localStorage.getItem("record-version") != GM_info.script.version) {
  33.             localStorage.removeItem("record")
  34.             alert("清空老版本record成功")
  35.             localStorage.setItem("record-version", GM_info.script.version)
  36.         }
  37.         // 读取最新localStorage的record
  38.         let record = localStorage.getItem("record")
  39.         record = JSON.parse(record)
  40.         if (record == null) {
  41.             // 第一次初始化
  42.             record = {}
  43.         }
  44.         if (!Object.keys(record).includes(itemid)) {
  45.             record[itemid] = {
  46.                 "latest_time": null,  // 最近一次访问时间戳
  47.                 "latest_comment": 0,  // 上一次访问时的评论数量
  48.                 "latest_read": 0,  // 上一次访问时的阅读数量
  49.                 "count": 0,  // 访问次数
  50.             }
  51.         }
  52.         return record
  53.     }
  54.     // 指定k,添加一个时间戳
  55.     let recordAdd = (itemid, comment=null, read=null) => {
  56.         let record
  57.         record = getRecord(itemid)
  58.         // 防止重复添加
  59.         if (comment != null && read != null) {
  60.             // 这俩应该在帖子打开后解析更新
  61.             record[itemid]["latest_comment"] = comment
  62.             record[itemid]["latest_read"] = read
  63.         } else {
  64.             // 没有这两个参数就只更新次数
  65.             if (record[itemid]["latest_time"] && (new Date()).valueOf() - record[itemid]["latest_time"] < 1e3) return
  66.             record[itemid]["latest_time"] = (new Date()).valueOf()
  67.             record[itemid]["count"] ++
  68.         }
  69.         // 记录更新后record
  70.         localStorage.setItem("record", JSON.stringify(record))
  71.     }
  72.     function timestampToTime(timestamp) {
  73.         // https://www.byteblogs.com/article/259
  74.         var date = new Date(timestamp)
  75.         var Y = date.getFullYear() + '-'
  76.         var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'
  77.         var D = date.getDate() + ' '
  78.         var h = date.getHours() + ':'
  79.         var m = date.getMinutes() + ':'
  80.         var s = date.getSeconds()
  81.         return Y+M+D+h+m+s
  82.     }
  83.     let getTimeInfo = (t) => {
  84.         let delta = ((new Date()).valueOf() - t) / 1000
  85.         if (delta < 60) {
  86.             // 小于60秒
  87.             delta = `${parseInt(delta)}秒前`
  88.         } else if (delta / (60 ** 2) < 1) {
  89.             // 小于一小时
  90.             delta = `${parseInt(delta / 60)}分前`
  91.         } else if (delta / (60 ** 3) < 24) {
  92.             // 小于一天
  93.             delta = `${parseInt(delta / (60 ** 2))}时前`
  94.         } else {
  95.             // 直接显示日期
  96.             delta = timestampToTime(t)
  97.         }
  98.         return delta
  99.     }
  100.     let parseElement = (ele) => {
  101.         let itemid = ele.querySelector("a").href.match(/bbs-(\d+)/)[1]
  102.         let [text, info, _] = ele.innerText.split("\n")
  103.         let [username, comment, read] = info.split("/")
  104.         comment = parseInt(comment.replace("回", ""))
  105.         read = parseInt(read.replace("阅", ""))
  106.         return [itemid, text, username, comment, read]
  107.     }
  108.     let validate = (text) => {
  109.         return keywords.filter((keyword) => {
  110.             return text.match(new RegExp(keyword, "gi"))
  111.         }).length
  112.     }
  113.     let setting = () => {
  114.         // 当前搜索屏蔽词settingText
  115.         let div = document.createElement("div")
  116.         div.setAttribute("id", "setting")
  117.         let maxWidth = parseInt(getComputedStyle(document.querySelector(".btBox")).width.replace("px", ""))
  118.         div.innerHTML = `
  119.             <button id="switch" class="close">
  120.                 <svg viewBox="0 0 100 100" width="20" height="20" id="open" style="display: none;">
  121.                     <path d="M5,70 L50,30 95,70" style="
  122.                         fill: none;
  123.                         stroke: #1abc9c; 
  124.                         stroke-linecap: round;
  125.                         stroke-linejoin: round;
  126.                         stroke-width: 10;
  127.                     "/>
  128.                 </svg>
  129.                 <svg viewBox="0 0 100 100" width="20" height="20" id="close">
  130.                     <path d="M5,30 L50,70 95,30" style="
  131.                         fill: none;
  132.                         stroke: #1abc9c; 
  133.                         stroke-linecap: round;
  134.                         stroke-linejoin: round;
  135.                         stroke-width: 10;
  136.                     "/>
  137.                 </svg>
  138.             </button>
  139.             <div class="forbidden-selection" style="
  140.                 display: flex;
  141.                 flex-flow: column;
  142.                 align-items: center;
  143.                 display: none;
  144.             ">
  145.                 <div class="input-box">
  146.                     <div class="forbidden-tag" value="[发晒看]工资">
  147.                     [发晒看]工资
  148.                     <div class="cancel">×</div>
  149.                     </div><div class="input">
  150.                         <input placeholder="按回车键Enter创建屏蔽词" type="text">
  151.                     </div>
  152.                 </div>
  153.                 <div class="forecommend-forbidden-tags">
  154.                     <div class="forbidden-tag forbidden-tag-selected">[发晒看]工资</div>
  155.                     <div class="forbidden-tag">(拼多多|并夕夕|pdd)</div>
  156.                     <div class="forbidden-tag">话费</div>
  157.                     <div class="forbidden-tag">"张三"</div>
  158.                     <div class="forbidden-tag" style="cursor: not-allowed;">敬请期待</div>
  159.                 </div>
  160.                 <div id="forbidden-list" style="width: 100%;"></div>
  161.             </div>
  162.             <style>
  163.                 *, *::after, *::before {
  164.                     box-sizing: border-box;
  165.                     --bakground-color: #2c3e50;
  166.                     --selected-color: #3498db;
  167.                     --pic-opacity: 23%;
  168.                     --title-height: 50px;
  169.                     --number-color: #00cec9;
  170.                     --forbidden-input-box-width: ${maxWidth * 0.9}px;
  171.                     --forbidden-input-box-border-width: 1.5px;
  172.                 }
  173.                 #switch {
  174.                     width: 100%;
  175.                     height: 20px;
  176.                     background: none;
  177.                     border: 0;
  178.                     cursor: pointer;
  179.                 }
  180.                 #setting {
  181.                     display: flex;
  182.                     justify-content: center;
  183.                     flex-flow: column;
  184.                     padding: 10px; 
  185.                     border: 1px solid rgb(26, 188, 156); 
  186.                     border-radius: 8px;
  187.                     width: 97%;
  188.                     margin: 0 auto;
  189.                     margin-bottom: 8px; 
  190.                 }
  191.                 .forbidden-selection {
  192.                     margin-top: 10px;
  193.                 }
  194.                 .forbidden-selection > .input-box {
  195.                     width: var(--forbidden-input-box-width);
  196.                     display: flex;
  197.                     align-items: center;
  198.                     flex-wrap: wrap;
  199.                     padding: 0px;
  200.                     margin-bottom: 5px;
  201.                     outline: solid var(--forbidden-input-box-border-width) rgba(0, 0, 0, .2);
  202.                     font-size: 14px;
  203.                 }
  204.         
  205.                 .forbidden-selection > .input-box[active] {
  206.                     outline: solid calc(1.2*var(--forbidden-input-box-border-width)) var(--number-color);
  207.                 }
  208.         
  209.                 .forbidden-selection > .input-box .input {
  210.                     display: block;
  211.                     min-width: calc(var(--forbidden-input-box-width) / 2);
  212.                     flex: 1;
  213.                     margin: 0 10px;
  214.                     height: 40px;
  215.         
  216.                 }
  217.         
  218.                 .forbidden-selection > .input-box .input input {
  219.                     width: 100%;
  220.                     height: 100%;
  221.                     outline: none;
  222.                     border: none;
  223.                 }
  224.         
  225.                 .forbidden-selection > .input-box:not([active]):hover {
  226.                     outline: solid var(--forbidden-input-box-border-width) rgba(0, 0, 0, 1);
  227.                 }
  228.         
  229.                 .forecommend-forbidden-tags {
  230.                     display: flex;
  231.                     align-items: center;
  232.                     flex-wrap: wrap;
  233.                     flex-direction: row;
  234.                     width: var(--forbidden-input-box-width);
  235.                 }
  236.         
  237.                 .forecommend-forbidden-tags .forbidden-tag, .input-box .forbidden-tag {
  238.                     border: solid 1px white;
  239.                     border-radius: 5px;
  240.                     padding: 4px 10px;
  241.                     margin: 5px 0 5px 5px;
  242.                     background-color: #f6f6f6;
  243.                     cursor: pointer;
  244.                     font-size: 14px;
  245.                     line-height: 1.5em;
  246.                     user-select: none;
  247.                 }
  248.                 .input-box .forbidden-tag:active {
  249.                     background-color: #FF7D7D;
  250.                 }
  251.                 .forecommend-forbidden-tags {
  252.                     display: flex;
  253.                     align-items: center;
  254.                     flex-wrap: wrap;
  255.                     flex-direction: row;
  256.                     width: var(--forbidden-input-box-width);
  257.                 }
  258.         
  259.                 .forecommend-forbidden-tags .forbidden-tag, .input-box .forbidden-tag {
  260.                     border: solid 1px white;
  261.                     border-radius: 5px;
  262.                     padding: 4px 10px;
  263.                     margin: 5px 0 5px 5px;
  264.                     background-color: #f6f6f6;
  265.                     cursor: pointer;
  266.                     font-size: 14px;
  267.                 }
  268.         
  269.                 .forecommend-forbidden-tags .forbidden-tag-selected {
  270.                     background-color: var(--number-color);
  271.                     color: #fff;
  272.                     cursor: not-allowed;
  273.                 }
  274.         
  275.                 .input-box .forbidden-tag {
  276.                     display: flex;
  277.                     flex-direction: row;
  278.                     justify-content: space-around;
  279.                     background-color: var(--number-color);
  280.                     color: #fff;
  281.                     padding-right: 5px;
  282.         
  283.                 }
  284.                 .forbidden-selection > .input-box .forbidden-tag .cancel {
  285.                     margin-left: 5px;
  286.                 }
  287.             </style>
  288.         `
  289.         document.body.insertBefore(div, document.querySelector(".btbox"))
  290.         setTimeout(() => {
  291.             // 按钮展开
  292.             document.querySelector("#switch").addEventListener("click", function (e) {
  293.                 if (this.classList.contains("open")) {
  294.                     // 关闭
  295.                     this.classList.remove("open")
  296.                     this.classList.add("close")
  297.                     this.querySelector("svg#close").style.display = ""
  298.                     this.querySelector("svg#open").style.display = "none"
  299.                     document.querySelector(".forbidden-selection").style.display = "none"
  300.                 } else if (this.classList.contains("close")){
  301.                     // 打开
  302.                     this.classList.remove("close")
  303.                     this.classList.add("open")
  304.                     this.querySelector("svg#close").style.display = "none"
  305.                     this.querySelector("svg#open").style.display = ""
  306.                     document.querySelector(".forbidden-selection").style.display = "flex"
  307.                 }
  308.             })
  309.             // 数据选择
  310.             document.querySelector(".forbidden-selection input").addEventListener('click', (event) => {
  311.                 // 输入状态input-box边框变色
  312.                 document.querySelector(".forbidden-selection .input-box").setAttribute('active', '')
  313.             })
  314.             document.querySelector(".forbidden-selection input").addEventListener('blur', (event) => {
  315.                 // 失去焦点恢复
  316.                 document.querySelector(".forbidden-selection .input-box").removeAttribute('active')
  317.             })
  318.             let getSelectedForbiddenTags = () => {
  319.                 let forbiddenTags = []
  320.                 let selectedNodes = document.querySelectorAll('.input-box .forbidden-tag')
  321.                 if (selectedNodes.length) {
  322.                     selectedNodes.forEach((ele) => {
  323.                         forbiddenTags.push(ele.getAttribute('value'))
  324.                     })
  325.                 }
  326.                 return forbiddenTags
  327.             }
  328.             let isUseranme = (text) => {
  329.                 return text.search(/["'“].+["'”]/) != -1
  330.             }
  331.             let removeForbiddenTag = (forbiddenTag) => {
  332.                 // 取消要从数据库删除
  333.                 let forbiddenLocal = JSON.parse(localStorage.getItem("forbidden"))
  334.                 if (isUseranme(forbiddenTag)) {
  335.                     // 是用户
  336.                     forbiddenLocal.usernames = forbiddenLocal.usernames.filter(tag=>{
  337.                         return tag != forbiddenTag.slice(1, -1)
  338.                     })
  339.                 } else {
  340.                     forbiddenLocal.keywords = forbiddenLocal.keywords.filter(tag=>{
  341.                         return tag != forbiddenTag
  342.                     })
  343.                 }
  344.                 keywords = forbiddenLocal.keywords
  345.                 usernames = forbiddenLocal.usernames
  346.                 localStorage.setItem("forbidden", JSON.stringify(forbiddenLocal))
  347.             }
  348.             let saveForbiddenTag = (forbiddenTag) => {
  349.                 // 更新到本地
  350.                 let forbiddenLocal = JSON.parse(localStorage.getItem("forbidden"))
  351.                 // 判断新增类型是否为用户
  352.                 if (isUseranme(forbiddenTag)) {
  353.                     // 是用户
  354.                     if (!forbiddenLocal.usernames.includes(forbiddenTag)) {
  355.                         forbiddenLocal.usernames.push(forbiddenTag.slice(1,-1))
  356.                     }
  357.                 } else {
  358.                     if (!forbiddenLocal.keywords.includes(forbiddenTag)) {
  359.                         forbiddenLocal.keywords.push(forbiddenTag)
  360.                     }
  361.                 }
  362.                 // 储存
  363.                 keywords = forbiddenLocal.keywords
  364.                 usernames = forbiddenLocal.usernames
  365.                 localStorage.setItem("forbidden", JSON.stringify(forbiddenLocal))
  366.             } 
  367.             let createForbiddenTag = (forbiddenTag) => {
  368.                 // 判断是否存在
  369.                 if (getSelectedForbiddenTags().includes(forbiddenTag)) return 
  370.                 let div = document.createElement('div')
  371.                 div.className = 'forbidden-tag'
  372.                 div.setAttribute('value', forbiddenTag)  // 方便取变量 
  373.                 div.innerHTML = `
  374.                     ${forbiddenTag}
  375.                     <div class="cancel">×</div>
  376.                     `
  377.                 document.querySelector('.input-box').insertBefore(div, document.querySelector('.input-box .input'))
  378.                 // 绑定取消选择事件
  379.                 div.querySelector('.cancel').addEventListener('click', (e) => {
  380.                     div.remove()
  381.                     // 取消选择对应的推荐标签
  382.                     document.querySelectorAll('.forecommend-forbidden-tags .forbidden-tag').forEach((item) => {
  383.                         if (item.innerText == forbiddenTag) {
  384.                             item.classList.remove('forbidden-tag-selected')
  385.                         }
  386.                     })
  387.                     removeForbiddenTag(forbiddenTag)
  388.                     e.stopPropagation()
  389.                 })
  390.                 // 点击标签编辑
  391.                 div.addEventListener("click",  (e) => {
  392.                     let tag = div.getAttribute("value")
  393.                     div.querySelector(".cancel").click()
  394.                     document.querySelector(".forbidden-selection input").value = tag
  395.                 })
  396.                 // 保存
  397.                 saveForbiddenTag(forbiddenTag)
  398.                 // 检查推荐里面是否有同名
  399.                 document.querySelectorAll(".forecommend-forbidden-tags>.forbidden-tag").forEach(ele=>{
  400.                     if (ele.innerText == forbiddenTag) {
  401.                         ele.click()
  402.                     }
  403.                 })
  404.             }
  405.             // 从已有变量选择
  406.             document.querySelectorAll(".forecommend-forbidden-tags .forbidden-tag").forEach((item) => {
  407.                 item.addEventListener('click', (event) => {
  408.                     if (item.innerText == "敬请期待") return 
  409.                     // 选中颜色高亮
  410.                     item.classList.add('forbidden-tag-selected')
  411.                     // 向数据框添加元素
  412.                     createForbiddenTag(item.innerText)
  413.                 })
  414.             })
  415.             // 输入框输入变量
  416.             document.querySelector(".forbidden-selection input").addEventListener('keyup', function(event) {
  417.                 if (event.keyCode == 13) {
  418.                     let inputValue = this.value
  419.                     createForbiddenTag(inputValue)
  420.                     this.value = ""
  421.                 }
  422.             })
  423.             // 首次进入需要从本地内存读取关键词
  424.             let forbiddenLocal
  425.             forbiddenLocal = JSON.parse(localStorage.getItem("forbidden"))
  426.             if (localStorage.getItem("forbidden") == null) {
  427.                 forbiddenLocal = {keywords: [], usernames: []}
  428.                 localStorage.setItem("forbidden", JSON.stringify(forbiddenLocal))
  429.             }
  430.             forbiddenLocal.keywords.forEach(forbiddenTag=>{
  431.                 createForbiddenTag(forbiddenTag)
  432.             })
  433.             forbiddenLocal.usernames.forEach(forbiddenTag=>{
  434.                 createForbiddenTag(`"${forbiddenTag}"`)
  435.             })
  436.         }, 1e3);
  437.     }
  438.     let currentURL = window.location.href
  439.     // 判断当前网址是否为主页
  440.     if (currentURL == 'https://yaohuo.me/' || currentURL.search(/bbs-\d+/) != -1) {
  441.         console.log("主页/新帖")
  442.         // 主页移除关键词
  443.         let items = []
  444.         document.querySelectorAll('.list a').forEach((e) => {
  445.             // 每个节点有两个关键信息：1.href；2.innerText
  446.             let href = e.href
  447.             let text = e.innerText
  448.             if (validate(text)) {
  449.                 console.log(`remove ${text}`)
  450.             } else {
  451.                 items.push(`${items.length+1}.<a href="${href}">${text}</a>`)
  452.             }
  453.         })
  454.         document.querySelector('.list').innerHTML = items.join("<br>")
  455.         // 添加监控点击
  456.         document.querySelectorAll('.list>a').forEach((a) => {
  457.             a.addEventListener("click", (e) => {
  458.                 let itemid = a.href.match(/bbs-(\d+)/)[1]
  459.                 recordAdd(itemid)
  460.             })
  461.         })
  462.     } else if (currentURL.startsWith('https://yaohuo.me/bbs/book_list.aspx?')) {
  463.         setting()
  464.         // 可能是新帖，也可能是搜索页
  465.         if (currentURL.includes('key=')) {
  466.             console.log("搜索页")
  467.             let searchText = decodeURI(currentURL.match(/key=(.+?)&/)[1])
  468.             console.log(searchText)
  469.             if (validate(searchText)) {
  470.                 setTimeout(() => {
  471.                     alert("你可以遗忘屏蔽词，本脚本将永远不会！\nYou can forget about blocking words, this script will never!")
  472.                 }, 233);
  473.             }
  474.         } else {
  475.             console.log("新帖页")
  476.         }
  477.         if (!document.querySelector("#KL_show_next_list")) {
  478.             let div = document.createElement("div")
  479.             div.setAttribute('id', 'KL_show_next_list')
  480.             document.body.insertBefore(div, document.querySelector(".btBox"))
  481.         }
  482.         // 把body下的条目统一放到KL_show_next_list下，便于统一操作
  483.         document.querySelector("#KL_show_next_list").style.display = ""
  484.         document.querySelectorAll(".listdata").forEach((ele) => {
  485.             document.querySelector("#KL_show_next_list").appendChild(ele.cloneNode(true))
  486.             ele.remove()
  487.         })
  488.         let filterList = (mutations, observer) => {
  489.             document.querySelectorAll("#KL_show_next_list>div").forEach((ele) => {
  490.                 // 每个节点有很多元素
  491.                 let [itemid, text, username, comment, read] = parseElement(ele)
  492.                 if (validate(text) || usernames.includes(username.replace(" /", ""))) {
  493.                     // 这是被过滤掉的e,需要移除
  494.                     console.log(`remove ${text} - ${username}`)
  495.                     document.querySelector("#forbidden-list").appendChild(ele.cloneNode(true))
  496.                     ele.remove()
  497.                 } else {
  498.                     // 这是保留下来的ele,先绑定一个点击事件
  499.                     ele.querySelector("a").addEventListener("click", function(e) { 
  500.                         // 更新次数
  501.                         recordAdd(itemid)
  502.                     })
  503.                     let record = getRecord(itemid)[itemid]
  504.                     if (record["count"] > 0) {
  505.                         // 有浏览记录才处理
  506.                         ele.style.position = "relative"
  507.                         let add_comment = comment - record["latest_comment"]
  508.                         let add_read = read - record["latest_read"]
  509.                         if (ele.querySelector("#record")) {
  510.                             ele.querySelector("#count>span").innerText = record["count"]
  511.                             ele.querySelector("#time_info").innerText = getTimeInfo(record["latest_time"])
  512.                             if (add_comment > 0) {
  513.                                 ele.querySelector("#add_comment").style.display = 'inline-block'
  514.                             } else {
  515.                                 ele.querySelector("#add_comment").style.display = 'none'
  516.                             }
  517.                             if (add_read > 0) {
  518.                                 ele.querySelector("#add_read").style.display = 'inline-block'
  519.                             } else {
  520.                                 ele.querySelector("#add_read").style.display = 'none'
  521.                             }
  522.                             ele.querySelector("#add_comment>span").innerText = (add_comment > 99) ? "+" : add_comment
  523.                             ele.querySelector("#add_read>span").innerText = (add_read > 99) ? "+" : add_read
  524.                             
  525.                         } else {
  526.                             let div = document.createElement('div')
  527.                             div.setAttribute("id", "record")
  528.                             div.style = `
  529.                                 position: absolute;
  530.                                 right: 8px;
  531.                                 top: 8px;
  532.                                 color: #999;
  533.                                 font-size: 10px;
  534.                                 opacity: .7;
  535.                             `
  536.                             div.innerHTML = `
  537.                                 <div id="count" style="
  538.                                     display: inline-block;
  539.                                     text-align: center;
  540.                                     line-height: 15px;
  541.                                     width: 15px;
  542.                                     height: 15px;
  543.                                     background-color: #FF7D7D;
  544.                                     border-radius: 50%;
  545.                                 ">
  546.                                     <span style="font-size: 12px; color: white;">${record["count"]}</span>
  547.                                 </div>
  548.                                 <div id="add_comment" style="
  549.                                     display: inline-block;
  550.                                     text-align: center;
  551.                                     line-height: 15px;
  552.                                     width: 15px;
  553.                                     height: 15px;
  554.                                     background-color: #54BAB9;
  555.                                     border-radius: 50%;
  556.                                     display: ${(add_comment<=0) ? 'none' : ''};
  557.                                 ">
  558.                                     <span style="font-size: 12px; color: white;">${(add_comment > 99) ? "+" : add_comment}</span>
  559.                                 </div>
  560.                                 <div id="add_read" style="
  561.                                     display: inline-block;
  562.                                     text-align: center;
  563.                                     line-height: 15px;
  564.                                     width: 15px;
  565.                                     height: 15px;
  566.                                     background-color: #636e72;
  567.                                     border-radius: 50%;
  568.                                     display: ${(add_read <= 0) ? 'none' : ''};
  569.                                 ">
  570.                                     <span style="font-size: 12px; color: white;">${(add_read > 99) ? "+" : add_read}</span>
  571.                                 </div>
  572.                                 <div style="
  573.                                     width: 50px;
  574.                                     display: inline-block;
  575.                                     text-align: right;
  576.                                 ">
  577.                                 <span id="time_info">${getTimeInfo(record["latest_time"])}</span>
  578.                                 </div>
  579.                             `
  580.                             ele.appendChild(div)
  581.                         }
  582.                     }
  583.                 }
  584.             })
  585.         }
  586.         filterList(null, null)
  587.         var observer = new MutationObserver(filterList)
  588.         var node = document.querySelector('#KL_show_tip')
  589.         if (node) {
  590.             observer.observe(node, {childList: true})
  591.         }
  592.         setInterval(() => {
  593.             // 5s一次更新时间
  594.             filterList(null, null)
  595.         }, 1e3)
  596.     } 
  597.     // 监控浏览页面数据变化及时更新
  598.     if (currentURL.search(/bbs-\d+/) != -1) { 
  599.         let update = (mutations, observer) => {            
  600.             let itemid = currentURL.match(/bbs-(\d+)/)[1]
  601.             let comment
  602.             // 根据最新回复显示楼层判断回复数量
  603.             let text = document.querySelector(".reline").innerText
  604.             let res = text.match(/\[(\d+)楼\]/)
  605.             if (res) {
  606.                 comment = parseInt(res[1])
  607.             } else {
  608.                 comment = document.querySelectorAll(".reline").length
  609.             }
  610.             let read = parseInt(document.querySelector(".content").innerText.match(/阅(\d+)/)[1])
  611.             recordAdd(itemid, comment, read)
  612.             console.log(itemid, comment, read)
  613.         }
  614.         setTimeout(() => {    
  615.             update(null, null)
  616.             let observer = new MutationObserver(update)
  617.             const config = {childList: true, subtree: true, characterDataOldValue: true}
  618.             document.querySelectorAll(".content").forEach(ele=>{
  619.                 observer.observe(ele, config)
  620.             })
  621.         }, 1000)
  622.     }
  623.     // 添加搜索按钮监听
  624.     if (currentURL == 'https://yaohuo.me/') {
  625.         document.querySelector("input[type=submit]").addEventListener("click", (e) => {
  626.             let text = document.querySelector("input[type=text]").value
  627.             console.log(text)
  628.             if (validate(text)) {
  629.                 e.preventDefault()
  630.                 document.querySelector("input[type=text]").value = "请重新组织你的语言！"
  631.                 setTimeout(() => {
  632.                     document.querySelector("input[type=text]").value = ""
  633.                 }, 1000);
  634.             }
  635.         })
  636.     }
  637. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址