星之子 发表于 7 天前

【油猴脚本】自定义左侧边栏

本帖最后由 星之子 于 2024-11-14 14:49 编辑

动机
泥潭的左侧栏应该是所有页面都会有、可触达性最好的快捷键。但这里一部分不太常用的按钮,如“论坛规范”“新人升级”“常见问题”等度过新手期就不再使用、“近期活动”本质上是跳转活动中心但活动一般会小电视置顶的等等。让它们占据一个使用率如此之高的快捷栏,感觉稍微有那么一丢丢浪费。所以就调教GPT写了这个脚本。

主要功能
给左侧栏的每一个按钮位置都添加了一个可自定义编辑的参数,可以通过以下方式修改:
// 定义每个按钮的配置,默认保持不变
// 1 表示按钮不变
// 0 表示禁止按钮显示
// 2 表示修改按钮 请按照格式进行填写

左边这些符号可以自行挑选,我这里列出我找符号时用到的两个网址:
https://tool.lmeee.com/fuhao/teshu
https://www.cnblogs.com/facingscreen/p/18103217

代码
@Name @Match
这里有部分代码是按照我自己的喜好修改的,不过原理相同,可以参考格式自行修改成喜欢的。
// ==UserScript==
// @name         全局:左侧菜单自定义
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description修改导航菜单按钮的显示内容、悬浮提示和链接
// @author       Étoiles
// @match      https://www.gamemale.com/*
// @grant      none
// ==/UserScript==

(function () {
    'use strict';

    // 定义每个按钮的配置,默认保持不变
    // 1 表示按钮不变
    // 0 表示禁止按钮显示
    // 2 表示修改按钮 请按照格式进行填写
    const buttonConfig = {
      "mn_forum": ,
      // 首 页

      "mn_N2c45": ,
      // 论坛规范

      "mn_Na183": ,
      // 新人升级

      "mn_N69dc": ,
      // 常见问题

      "mn_Nf376": ,
      // 勋章商城

      "mn_N13d5": ,
      // 我的勋章

      "mn_Nc5cc": ,
      // 道具商店

      "mn_N35bc": ,
      // 血液祭献

      "mn_N34e7": ,
      // 你画我猜

      "mn_N50a7": ,
      // 头衔称号

      "mn_Ncfa1": ,
      // 热门任务

      "mn_N2e25": ,
      // 近期活动

      "mn_N4483": ,
      // 专帖合辑

      "mn_Ncc15":
      // 科考小队
    };

    // 创建MutationObserver实例
    const observer = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
            if (mutation.type === 'childList') {
                // 获取所有的按钮列表
                const navMenu = document.querySelectorAll('.nav-menu li');

                navMenu.forEach((button) => {
                  const buttonId = button.id;
                  if (buttonConfig.hasOwnProperty(buttonId)) {
                        const config = buttonConfig;
                        const displayMode = config;

                        if (displayMode === 0) {
                            // 设置为0则隐藏按钮
                            button.style.display = 'none';
                        } else if (displayMode === 2) {
                            // 设置为2则修改按钮
                            const linkElement = button.querySelector('a');
                            if (linkElement) {
                              // 设置按钮显示内容
                              if (config) linkElement.textContent = config;
                              // 设置悬浮提示内容
                              if (config) linkElement.title = config;
                              // 设置链接
                              if (config) linkElement.href = config;
                            }
                        }
                  }
                });
            }
      });
    });

    // 开始观察目标节点
    observer.observe(document.body, { childList: true, subtree: true });
})();




星象占卜

凯诺斯 发表于 7 天前

可以自定义左边侧栏挺实用的惹,可以把自己常用的放上去{:6_169:}

2337891498 发表于 7 天前

本帖最后由 2337891498 于 2024-11-14 14:52 编辑

自己改界面的话可以方便很多很有用惹

2674820557 发表于 7 天前

自定义左边侧栏很有用惹,有些栏我都不会点进去,有些经常点的又不在,这下方便噜

莫索卡亚 发表于 7 天前

用惯了也就还好,不过可以的话,还是想把可以得提前放

本地人 发表于 7 天前

方便耶!这下终于可以不用收藏夹了

折木 发表于 7 天前

很实用惹 可以更方便的使用常用功能

艾维叶沙信 发表于 7 天前

很有用的脚本,对于老用户就可以隐藏首页下面的新人升级常见问题这些栏目,换成自己经常访问的板块了:lol

亚洛斯 发表于 7 天前

本帖最后由 亚洛斯 于 2024-11-14 16:26 编辑

好耶~这下可以直接把CGAI和三和谐区都直接塞侧边栏,省的再从收藏板块打开惹~
"mn_forum": ,
      // 首 页

      "mn_N2c45": ,
      // 论坛规范

      "mn_Na183": ,
      // 新人升级

      "mn_N69dc": ,
      // 常见问题

      "mn_Nf376": ,
      // 勋章商城

      "mn_N13d5": ,
      // 我的勋章

      "mn_Nc5cc": ,
      // 道具商店

      "mn_N35bc": ,
      // 血液祭献

      "mn_N34e7": ,
      // 你画我猜

      "mn_N50a7": ,
      // 头衔称号

      "mn_Ncfa1": ,
      // 热门任务

      "mn_N2e25": ,
      // 近期活动

      "mn_N4483": ,
      // 专帖合辑

      "mn_Ncc15":
      // 科考小队
个人用深度自定义

娱乐法师火布偶 发表于 7 天前

本人就懒得改了,现在论坛加载的插件有点多,加载页面已经挺慢了

cinder 发表于 7 天前

我家GPT只能寫寫小黃文...
該調教他轉換賽道了.
https://img.gamemale.com/album/202410/17/232139pcys8hyzjaii8jfw.gif

dwsleyi 发表于 7 天前

左边栏目如何增加呢,那个“mn_N2c45”之类的看不懂啊{:6_168:}

恶之华 发表于 7 天前

可以可以,经常误点常见问题,之前还挺困惑的

lostorage 发表于 7 天前

客制化泥潭势在必得,一键跳转还是挺方便的

1017186309 发表于 7 天前

看起来挺不错的脚本,能自定义常用的模块了

PURO_ 发表于 7 天前

这个很方便,可以不用再去用鼠标往下翻专区了

Burry 发表于 7 天前

挺实用的脚本,还可以自己更改边框。

提尔特 发表于 7 天前

左侧栏除了几个常用的其他都是半年没点开过… 能修改真是太好了

phillipé 发表于 7 天前

实在是很实用的脚本呢,谢谢大佬。

仲裁丶火炬 发表于 7 天前

我倒是有点肌肉记忆记习惯了自己想点的板块在哪里,用上了反而不习惯
页: [1] 2 3 4
查看完整版本: 【油猴脚本】自定义左侧边栏