【油猴脚本】屏蔽首页小电视

动机
受到@Makima老师编写的【脚本】GM小电视（屏蔽小电视图片）的启发，为了满足自己一些更细微的需求，所以调教DeepSeek写了这个脚本。

功能
这个脚本可以屏蔽GM首页的小电视，避免一些命大的NSFW的内容意外显示。在重新打开界面后也会通过localStorage中的一个键记忆最后一次切换的状态。
与玛奇玛老师的版本相比，追加了两个小功能：

• 不再使用 [隐藏]、[显示] 这样的按钮（感觉有点此地无银这是可以说的吗），而是直接取代“首页电视”四个字的原本功能，将之作为切换按钮，更美观也更隐蔽。
• 添加了一个只显示标题的中间状态，现在是在 完整显示 / 仅标题无图片 / 仅导航无标题图片 三种状态间切换。
  

代码
@Name  @Match  @Icon

1. // ==UserScript==
   
2. // [url=home.php?mod=space&uid=668096]@Name[/url]         首页：屏蔽GM小电视
   
3. // @namespace    http://tampermonkey.net/
   
4. // @version      1.2
   
5. // @description  点击"首页电视"切换三种显示模式(完整显示/仅标题/仅导航)，无闪烁且切换即时生效
   
6. // @author       Étoiles & DeepSeek
   
7. // @match        https://www.gamemale.com/*
   
8. // @grant        GM_addStyle
   
9. // @grant        GM_getValue
   
10. // @grant        GM_setValue
    
11. // @run-at       document-start
    
12. // ==/UserScript==
    
13. 
    
14. (function() {
    
15.     'use strict';
    
16. 
    
17.     // 定义三种状态
    
18.     const STATES = {
    
19.         FULL: 0, // 显示全部
    
20.         TITLE_ONLY: 1, // 仅显示标题和导航
    
21.         NAV_ONLY: 2 // 仅显示导航
    
22.     };
    
23. 
    
24.     const STORAGE_KEY = 'slideshowState_v3';
    
25.     let currentState = GM_getValue(STORAGE_KEY, STATES.FULL);
    
26. 
    
27.     // 添加样式规则
    
28.     GM_addStyle(`
    
29.         .slideshow-state-1 img {
    
30.             display: none !important;
    
31.         }
    
32.         .slideshow-state-2 img,
    
33.         .slideshow-state-2 .title {
    
34.             display: none !important;
    
35.         }
    
36.     `);
    
37. 
    
38.     // 主逻辑
    
39.     function main() {
    
40.         const titleLink = document.querySelector('.titletext a[href*="home.php?mod=space&do=album&view=all"]');
    
41.         if (!titleLink) {
    
42.             setTimeout(main, 200);
    
43.             return;
    
44.         }
    
45. 
    
46.         const slideElement = document.querySelector('.module.cl.slidebox');
    
47.         if (!slideElement) return;
    
48. 
    
49.         // 初始应用状态
    
50.         function applyState(state) {
    
51.             slideElement.classList.remove('slideshow-state-1', 'slideshow-state-2');
    
52.             if (state === STATES.TITLE_ONLY) {
    
53.                 slideElement.classList.add('slideshow-state-1');
    
54.             } else if (state === STATES.NAV_ONLY) {
    
55.                 slideElement.classList.add('slideshow-state-2');
    
56.             }
    
57.         }
    
58. 
    
59.         // 初始化应用状态
    
60.         applyState(currentState);
    
61. 
    
62.         // 更新状态函数
    
63.         function updateState() {
    
64.             currentState = (currentState + 1) % 3;
    
65.             GM_setValue(STORAGE_KEY, currentState);
    
66.             applyState(currentState);
    
67.         }
    
68. 
    
69.         // 添加点击事件
    
70.         titleLink.addEventListener('click', function(e) {
    
71.             e.preventDefault();
    
72.             e.stopPropagation();
    
73.             updateState();
    
74.         });
    
75.     }
    
76. 
    
77.     // 执行初始化
    
78.     if (document.readyState === 'loading') {
    
79.         document.addEventListener('DOMContentLoaded', main);
    
80.     } else {
    
81.         main();
    
82.     }
    
83. })();

复制代码

来自群组: 星象占卜

哇，这个功能也是很实用了，在外面天天看小电视出现某些神秘图片我都要一惊一乍）

每次都要at一堆用户名真是辛苦了

好用哎，这样就不怕小电视上弹出来什么命大的标题图片惹

有了这个插件就不怕哪天首页跳出个命大的图片被不小心看到了

挺不错的哇～就怕帖子标题内容比较逆天(´×ω×`)

经常会有人在非和谐区上传命大的图，可以一键屏蔽这些吓人的内容

这个插件能屏蔽一些命大的图片挺好的，这样不用担心会被看到了

这样的话就不用担心被首页的不可名状的图给吓到了惹

挺好的，怕社死可以用这个

一键屏蔽首页可以杜绝尴尬事件厚

可以防止我bfnz的好东西，赞美
以后出门在外就开这个脚本惹，彻底扼杀之前差点被发现的问题()

很不错呢，如果能有一个，鼠标放上去就显示图片，拿走就隐藏的功能，那就完美了

非常实用，有些命大图真的不能上首页。尤其是违规的无码还一直挂着的

看上去有用，不过，出门在外或者在公共场合，真的会打开泥潭吗？一些标题就够命大了

这个真的挺好的，上次差点被朋友发现，还好我反应快

感谢分享惹，有次上班差点发生我命大事件，喜出柜惹。

從不在外用手機開GM就沒有這種困擾惹~

非常有帮助的脚本只能说，再也不担心在外面玩泥潭会有什么尴尬场面了

这插件也太实用了吧，之前老是被命大的图片突脸