“更多”工具栏可以隐藏吗？

“更多”工具栏可以隐藏吗？

关于这个问题，可以通过插件管理功能实现。

插件代码：

1. 
   
2. <div>
   
3. <div>(() => {
   
4.   const PLUGIN_NAME = '隐藏-顶部更多入口-UAT';
   
5. 
   
6.   const hideNode = (node) => {
   
7.     if (!node || node.nodeType !== 1) return;
   
8.     node.style.setProperty('display', 'none', 'important');
   
9.     node.style.setProperty('pointer-events', 'none', 'important');
   
10.     node.setAttribute('data-hidden-by-plugin', PLUGIN_NAME);
    
11.   };
    
12. 
    
13.   const findClickableWrapper = (node, stopNode) => {
    
14.     let cur = node;
    
15.     let best = node;
    
16. 
    
17.     while (cur && cur !== stopNode && cur.nodeType === 1) {
    
18.       const rect = cur.getBoundingClientRect();
    
19.       const role = cur.getAttribute('role') || '';
    
20.       const cls = String(cur.className?.baseVal || cur.className || '');
    
21. 
    
22.       if (
    
23.         cur.tagName === 'BUTTON' ||
    
24.         role === 'button' ||
    
25.         cls.includes('tooltip') ||
    
26.         cls.includes('popover') ||
    
27.         typeof cur.onclick === 'function' ||
    
28.         rect.width <= 80
    
29.       ) {
    
30.         best = cur;
    
31.       }
    
32. 
    
33.       if (rect.width > 100 || rect.height > 80) break;
    
34.       cur = cur.parentElement;
    
35.     }
    
36. 
    
37.     return best;
    
38.   };
    
39. 
    
40.   const hideToolbarMore = () => {
    
41.     const toolbar = document.querySelector('[data-open="toolbar"]');
    
42.     if (!toolbar) return;
    
43. 
    
44.     const candidates = Array.from(toolbar.querySelectorAll('*')).filter((el) => {
    
45.       const text = (el.textContent || '').trim();
    
46.       const title = el.getAttribute('title') || '';
    
47.       const aria = el.getAttribute('aria-label') || '';
    
48.       const cls = String(el.className?.baseVal || el.className || '');
    
49.       const href = el.getAttribute('href') || el.getAttribute('xlink:href') || '';
    
50.       const name = el.getAttribute('name') || '';
    
51. 
    
52.       return (
    
53.         text === '更多' ||
    
54.         title === '更多' ||
    
55.         aria === '更多' ||
    
56.         name === 'tool' ||
    
57.         cls.includes('tool') ||
    
58.         href.includes('tool')
    
59.       );
    
60.     });
    
61. 
    
62.     candidates.forEach((el) => hideNode(findClickableWrapper(el, toolbar)));
    
63.   };
    
64. 
    
65.   const hideByOpenedApprovalPopup = () => {
    
66.     const approvalNode = Array.from(document.querySelectorAll('body *')).find((el) => {
    
67.       const text = (el.textContent || '').trim();
    
68.       return text === '审批中心';
    
69.     });
    
70. 
    
71.     if (!approvalNode) return;
    
72. 
    
73.     const toolbar = document.querySelector('[data-open="toolbar"]');
    
74.     if (!toolbar) return;
    
75. 
    
76.     const toolbarRect = toolbar.getBoundingClientRect();
    
77.     const toolbarItems = Array.from(toolbar.children)
    
78.       .filter((el) => {
    
79.         const rect = el.getBoundingClientRect();
    
80.         return rect.width > 0 && rect.height > 0 && rect.left >= toolbarRect.left;
    
81.       })
    
82.       .sort((a, b) => b.getBoundingClientRect().left - a.getBoundingClientRect().left);
    
83. 
    
84.     const likelyMore = toolbarItems.find((el) => {
    
85.       const text = el.textContent || '';
    
86.       const cls = String(el.className?.baseVal || el.className || '');
    
87.       return !text.includes('管理中心') && !cls.includes('user');
    
88.     });
    
89. 
    
90.     hideNode(likelyMore);
    
91.   };
    
92. 
    
93.   const apply = () => {
    
94.     hideToolbarMore();
    
95.     hideByOpenedApprovalPopup();
    
96.     console.log(`[${PLUGIN_NAME}] applied`);
    
97.   };
    
98. 
    
99.   const schedule = () => {
    
100.     apply();
     
101.     setTimeout(apply, 100);
     
102.     setTimeout(apply, 500);
     
103.     setTimeout(apply, 1500);
     
104.     setTimeout(apply, 3000);
     
105.   };
     
106. 
     
107.   if (document.readyState === 'loading') {
     
108.     document.addEventListener('DOMContentLoaded', schedule, { once: true });
     
109.   } else {
     
110.     schedule();
     
111.   }
     
112. 
     
113.   window.addEventListener('load', schedule);
     
114.   window.addEventListener('hashchange', schedule);
     
115.   window.addEventListener('popstate', schedule);
     
116.   document.addEventListener('mouseover', schedule, true);
     
117.   document.addEventListener('click', schedule, true);
     
118. 
     
119.   new MutationObserver(schedule).observe(document.documentElement, {
     
120.     childList: true,
     
121.     subtree: true,
     
122.   });
     
123. })();</div>
     
124. </div>

复制代码

插件管理介绍：https://docs.guandata.com/product/bi/575594549863251968