【油猴脚本】关于我自己的一些魔改

我这个人向来是有点矫情的，一个东西用得稍微有点不舒服，都会想方设法的把它改得舒服。
泥潭有许多大佬开发了许多强力好用的脚本，到我手之后多多少少会有一些画蛇添足的魔改，这里就连图带文的盘点一下我自己的一点儿小心思，也顺带推荐一下这些好用的脚本。

贾斯特维补脑闹钟
原帖地址：https://www.gamemale.com/thread-132451-1-1.html
这里我魔改了：限时勋章的颜色，因为原来的颜色饱和度有点太高，对眼睛不大友好，于是采用了日本色研配色环的light+配色。
涉及到的代码如下：

1.     function changeBgColor( timeLeft, badgeName ){
   
2.         var currentProgress = timeLeft/86400;
   
3.         if( currentProgress < 1 ){
   
4.             selectAndChange( badgeName, "#ff9b9a", "#ff9b9a");
   
5.         }else if ( currentProgress < 2 ){
   
6.             selectAndChange( badgeName, "#ffce84", "#ffce84");
   
7.         }else if( currentProgress < 3 ){
   
8.             selectAndChange( badgeName, "#ffee79", "#ffee79");
   
9.         }else if( currentProgress < 14 ){
   
10.             selectAndChange( badgeName, "#cff588", "#cff588");
    
11.         }else{
    
12.             selectAndChange( badgeName, "#9a99cd", "#9a99cd");
    
13.         }
    
14.         return 0;
    
15.     }

复制代码

修改后的效果如下：


勋章放大镜
原帖地址：https://www.gamemale.com/thread-129944-1-1.html
https://www.gamemale.com/thread-144254-1-1.html
这里我魔改了：

• 给旅程换了个图标、换了个颜色使之更符合直觉（原来是蓝色导致我总是和知识搞混）。
• 微调了发帖和回帖颜色，眼睛看起来更舒服。
• 将所有的属性权重设置为1让它只计算期望，并去掉了计算“合计收益”的部分代码。
• 添加了键盘快捷键“`”(ESC下面 Tab上面) 用于切换是否显示，而不必点击右下角的开关。
  

涉及到的代码如下：
因为这里代码里涉及到了泥潭不支持的emoji，所以只能放个.txt在这儿：
（为保证原帖收益，这里只保留了相关函数，去掉了最重要的映射表，请将此.txt与原帖结合使用）

修改后的效果如下：


防过度回帖~显示
原帖地址：https://www.gamemale.com/thread-131737-1-1.html
这里我魔改了：将左下角原本一行的长信息变为两行，这样就不会突出左侧边框。捎带手修改了下字体。
涉及到的代码如下：

1. function updateStatsDisplay() {
   
2.         let latestReplyText = '';
   
3.         if (oldestReplyTimestamp) {
   
4.             const timeDifference = Math.round((new Date().getTime() - oldestReplyTimestamp.getTime()) / (1000 * 60));
   
5.             const hours = Math.floor(timeDifference / 60);
   
6.             const minutes = timeDifference % 60;
   
7.             latestReplyText = `最远距今：${hours}时${minutes}分`;
   
8.         }
   
9.         statsContainer.innerHTML = `<span style="font-family: Noto Sans SC, Microsoft Yahei, Arial, sans-serif;">24小时回复：${twentyFourHourRepliesCount}<br>${latestReplyText}`;
   
10.     }

复制代码

这里原来使用的是 \n 换行符。但在 JavaScript 中，使用 \n 换行符在 HTML 元素的 textContent 中不起作用，因为 textContent 会将所有内容作为纯文本处理，不会解析换行符。所以改为使用 innerHTML 并用 <br> 标签来代替 \n。

修改后的效果如下：


U狼の查房脚本
原帖地址：https://www.gamemale.com/blog-714849-108554.html
这里我魔改了：

• 删除了菜单里的按钮改用纯快捷键Ctrl，看到花里胡哨的空间看不清字则一键还原。
• 将两段重复代码整合成一个function：updateNav()。
• 去掉了提示使得使用更丝滑，可以看浏览器标签页图标判断是否已经Ctrl过了。
  

涉及到的代码如下：

1. // ==/UserScript==
   
2. 
   
3. (function() {
   
4.     'use strict';
   
5.     let spaceuid = document.getElementById('domainurl')?.search.substr(1);
   
6.     if (!spaceuid) {
   
7.         if (location.hash.startsWith('#pid') && location.search.startsWith('?mod=viewthread')) {
   
8.             if (!document.getElementById(location.hash.substring(1))) {
   
9.                 const url = new URL(window.location.href);
   
10.                 let page = parseInt(url.searchParams.get('page'));
    
11.                 if (page == document.querySelector('#pgt strong').textContent) {
    
12.                     url.searchParams.set('page', page + 1);
    
13.                     location.href = url;
    
14.                 }
    
15.             }
    
16.         }
    
17.         return;
    
18.     }
    
19.     let spacecss = document.getElementById('diy_style').innerHTML;
    
20.     if (isBlocked()) {
    
21.         document.getElementById('diy_style').innerHTML = '';
    
22.         document.querySelector('link').href = 'template/mwt2/extend/img/lslogo.png';
    
23.         updateNav()
    
24.     }
    
25. 
    
26.     function getBlockList() { return JSON.parse(localStorage.getItem('uSpaceBlocked') || '[]'); }
    
27.     function setBlockList(list) { localStorage.setItem('uSpaceBlocked', JSON.stringify([...list])); }
    
28.     function removecss() { document.getElementById('diy_style').innerHTML = ''; }
    
29.     function addcss() { document.getElementById('diy_style').innerHTML = spacecss; }
    
30.     function isBlocked() { return getBlockList().includes(spaceuid); }
    
31.     function updateNav() {
    
32.     document.getElementById('nv').innerHTML = `<ul>
    
33.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=index">首页</a></li>
    
34.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=home&view=me&from=space">动态</a></li>
    
35.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=doing&view=me&from=space">记录</a></li>
    
36.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=blog&view=me&from=space">日志</a></li>
    
37.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=album&view=me&from=space">相册</a></li>
    
38.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=thread&view=me&from=space">主题</a></li>
    
39.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=wall">留言</a></li>
    
40.     <li><a style='color:inherit !important' href="/home.php?mod=space&uid=${spaceuid}&do=profile">资料</a></li>
    
41.     </ul>`;
    
42.     document.getElementById('nv').style.visibility = 'initial';
    
43.     document.getElementById('nv').style.display = 'initial';
    
44.     }
    
45. 
    
46.     function addToBlockList() {
    
47.         let t = getBlockList();
    
48.         t.push(spaceuid);
    
49.         setBlockList(t);
    
50.         removecss();
    
51.         document.querySelector('link').href = 'template/mwt2/extend/img/lslogo.png';
    
52.         updateNav()
    
53.     }
    
54. 
    
55.     function deleteFromBlockList() {
    
56.         let t = new Set(getBlockList());
    
57.         t.delete(spaceuid);
    
58.         setBlockList(t);
    
59.         addcss();
    
60.         document.querySelector('link').href = 'template/mwt2/extend/img/favicon.ico';
    
61.     }
    
62. 
    
63.     let ctrlMark = false;
    
64.     document.addEventListener('keydown', (e) => { ctrlMark = e.key === 'Control' });
    
65.     document.addEventListener('keyup', (e) => {
    
66.         if (e.key === 'Control' && ctrlMark) {
    
67.             if (isBlocked()) deleteFromBlockList(); else addToBlockList();
    
68.         }
    
69.     });
    
70. })();

复制代码

修改后的效果如下：


GM论坛勋章百宝箱
原帖地址：https://www.gamemale.com/thread-144608-1-1.html
这里我魔改了：主要是按钮的样式，包括悬停和按下效果，让页面更花里胡哨一点儿。除了好看以外的实际作用约等于零。
涉及到的代码如下：

1.     // 创建一个新的div元素用于管理徽章
   
2.     const badgeManagerDiv = document.createElement('div');
   
3.     badgeManagerDiv.className = 'badge-manager';
   
4.     badgeManagerDiv.innerHTML = '<div class="badge-manager-button"><div>';
   
5. 
   
6.     const badgeOrderDiv = document.createElement('div');
   
7.     badgeOrderDiv.className = 'badge-order';
   
8.     // badgeOrderDiv.innerHTML = '正在计算您拥有的徽章类型和价值，请稍等。。。'
   
9. 
   
10.     // 获取目标div并在其前面插入新创建的div
    
11.     const targetDiv = document.querySelector('.my_fenlei');
    
12.     targetDiv.parentNode.insertBefore(badgeManagerDiv, targetDiv);
    
13.     badgeManagerDiv.appendChild(badgeOrderDiv)
    
14.     // targetDiv.parentNode.insertBefore(badgeOrderDiv, badgeManagerDiv);
    
15. 
    
16.     // 在这里添加您的自定义样式
    
17.     const customStyles = `
    
18.         .badge-manager {
    
19.             background-color: transparent;
    
20.             padding: 0px;
    
21.             margin-top: 20px;
    
22.             margin-bottom: 24px;
    
23.             border: none;
    
24.             color: #333;
    
25.             text-align: center;
    
26.         }
    
27. 
    
28.         .custom-button {
    
29.             background-color: transparent;
    
30.             border: 0.125em solid #1A1A1A;
    
31.             border-radius: 0.6em;
    
32.             color: #3B3B3B;
    
33.             font-size: 16px;
    
34.             font-weight: 600;
    
35.             margin: 0px 20px;
    
36.             padding: 0.4em 1.2em;
    
37.             text-align: center;
    
38.             text-decoration: none;
    
39.             transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
    
40.         }
    
41. 
    
42.         .custom-button:hover {
    
43.             color: #fff;
    
44.             background-color: #1A1A1A;
    
45.             box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    
46.             transform: translateY(-2px);
    
47.         }
    
48. 
    
49.         .custom-button:active {
    
50.             box-shadow: none;
    
51.             transform: translateY(0);
    
52.         }
    
53.     `;
    

复制代码

修改后的效果如下：



来自群组: 星象占卜

看起來挺不錯的..來去試看看./w\

感谢楼主的分享，感觉挺实用的

大佬改过的这个勋章放大镜感觉非常的实用

感觉第二个魔改的功能我最喜欢，太强了大佬

调整了颜色确实更有助于保护视力了

楼主改完的配色看着真的很舒服惹

那个修改颜色看起来很方便，可以更直接的看到哪个勋章快到期了，但是想问一下限时活动勋章管用么？

改emoji很有用，因为我的电脑就不支持那个金币的emoji

勋章底色的魔改非常棒呃，感觉更多彩了

惹，魔改后看着非常实用和美观的说~这下舒畅使用惹~感谢星星~~

改完之后的色调是比较护眼捏，感谢楼楼魔改

这个脚本可以惹 改变颜色保护眼睛 还能更直观看属性

都是好用的调整呢 看起来更美观了

这就把脚本全部重置使用这个换色

有自己的使用习惯是好事呢，不过发布魔改前最好是跟原作者询问一下

你的勋章百宝箱魔改已经out，最新的1.61版本我又加了一个一键续所有咒术勋章的按钮，现在有五个按钮了
发出反派的笑声，哈哈哈哈哈哈哈哈哈哈哈哈

讲究，确实看着好不少

挺棒的魔改啊 感觉确实美观很多

这样放大镜看得就更舒服惹，感谢大佬