如何隐藏草稿态“重置”按钮

如何隐藏草稿态“重置”按钮

关于这个问题，可以使用插件管理的功能。

插件代码：

1. 
   
2. <div>(() => {
   
3.   <span style="color: #0000ff;">const</span> <span style="color: #008080;">PLUGIN_NAME</span> = <span style="color: #a31515;">'隐藏草稿态重置按钮'</span>;
   
4.   <span style="color: #0000ff;">const</span> <span style="color: #008080;">STYLE_ID</span> = <span style="color: #a31515;">'gd-hide-page-reset-button-plugin-style'</span>;
   
5.   <span style="color: #0000ff;">const</span> <span style="color: #008080;">EDIT_PAGE_PATTERN</span> = /<span style="color: #cd3131;">\</span>/page<span style="color: #cd3131;">\</span>/[^/?<span style="color: #cd3131;">#</span>]+<span style="color: #cd3131;">\</span><span style="color: #800000;">/edit(?:[?#].*)?$/</span>;
   
6. 
   
7.   <span style="color: #0000ff;">const</span> isEditPage = () => <span style="color: #008080;">EDIT_PAGE_PATTERN</span>.test(window.location.pathname + window.location.search + window.location.hash);
   
8. 
   
9.   <span style="color: #0000ff;">const</span> ensureStyle = () => {
   
10.     <span style="color: #0000ff;">if</span> (document.getElementById(<span style="color: #008080;">STYLE_ID</span>)) <span style="color: #0000ff;">return</span>;
    
11.     <span style="color: #0000ff;">const</span> style = document.createElement(<span style="color: #a31515;">'style'</span>);
    
12.     style.id = <span style="color: #008080;">STYLE_ID</span>;
    
13.     style.textContent = <span style="color: #a31515;">`</span>
    
14. <span style="color: #a31515;">      #pageResetButton,</span>
    
15. <span style="color: #a31515;">      #pageResetButton[disabled] {</span>
    
16. <span style="color: #a31515;">        display: none !important;</span>
    
17. <span style="color: #a31515;">        visibility: hidden !important;</span>
    
18. <span style="color: #a31515;">        pointer-events: none !important;</span>
    
19. <span style="color: #a31515;">      }</span>
    
20. <span style="color: #a31515;">    `</span>;
    
21.     document.head.appendChild(style);
    
22.   };
    
23. 
    
24.   <span style="color: #0000ff;">const</span> hideResetButton = () => {
    
25.     <span style="color: #0000ff;">if</span> (!isEditPage()) <span style="color: #0000ff;">return</span> <span style="color: #0000ff;">false</span>;
    
26.     ensureStyle();
    
27.     <span style="color: #0000ff;">const</span> button = document.querySelector(<span style="color: #a31515;">'#pageResetButton'</span>);
    
28.     <span style="color: #0000ff;">if</span> (!(button <span style="color: #0000ff;">instanceof</span> <span style="color: #008080;">HTMLElement</span>)) <span style="color: #0000ff;">return</span> <span style="color: #0000ff;">false</span>;
    
29.     button.style.setProperty(<span style="color: #a31515;">'display'</span>, <span style="color: #a31515;">'none'</span>, <span style="color: #a31515;">'important'</span>);
    
30.     button.style.setProperty(<span style="color: #a31515;">'visibility'</span>, <span style="color: #a31515;">'hidden'</span>, <span style="color: #a31515;">'important'</span>);
    
31.     button.style.setProperty(<span style="color: #a31515;">'pointer-events'</span>, <span style="color: #a31515;">'none'</span>, <span style="color: #a31515;">'important'</span>);
    
32.     button.setAttribute(<span style="color: #a31515;">'aria-hidden'</span>, <span style="color: #a31515;">'true'</span>);
    
33.     button.setAttribute(<span style="color: #a31515;">'tabindex'</span>, <span style="color: #a31515;">'-1'</span>);
    
34.     <span style="color: #0000ff;">return</span> <span style="color: #0000ff;">true</span>;
    
35.   };
    
36. 
    
37.   <span style="color: #0000ff;">const</span> apply = () => {
    
38.     <span style="color: #0000ff;">const</span> hidden = hideResetButton();
    
39.     <span style="color: #0000ff;">if</span> (hidden) console.log(<span style="color: #a31515;">`[</span>${<span style="color: #008080;">PLUGIN_NAME</span>}<span style="color: #a31515;">] #pageResetButton hidden`</span>);
    
40.   };
    
41. 
    
42.   <span style="color: #0000ff;">const</span> scheduleApply = () => {
    
43.     apply();
    
44.     setTimeout(apply, <span style="color: #098658;">200</span>);
    
45.     setTimeout(apply, <span style="color: #098658;">800</span>);
    
46.     setTimeout(apply, <span style="color: #098658;">2000</span>);
    
47.     setTimeout(apply, <span style="color: #098658;">5000</span>);
    
48.   };
    
49. 
    
50.   <span style="color: #0000ff;">const</span> observer = <span style="color: #0000ff;">new</span> <span style="color: #008080;">MutationObserver</span>(() => {
    
51.     hideResetButton();
    
52.   });
    
53. 
    
54.   <span style="color: #0000ff;">if</span> (document.readyState === <span style="color: #a31515;">'loading'</span>) {
    
55.     document.addEventListener(<span style="color: #a31515;">'DOMContentLoaded'</span>, scheduleApply, { once: <span style="color: #0000ff;">true</span> });
    
56.   } <span style="color: #0000ff;">else</span> {
    
57.     scheduleApply();
    
58.   }
    
59. 
    
60.   observer.observe(document.documentElement, { childList: <span style="color: #0000ff;">true</span>, subtree: <span style="color: #0000ff;">true</span> });
    
61.   window.addEventListener(<span style="color: #a31515;">'load'</span>, scheduleApply);
    
62.   window.addEventListener(<span style="color: #a31515;">'hashchange'</span>, scheduleApply);
    
63.   window.addEventListener(<span style="color: #a31515;">'popstate'</span>, scheduleApply);
    
64.   document.addEventListener(<span style="color: #a31515;">'visibilitychange'</span>, () => {
    
65.     <span style="color: #0000ff;">if</span> (!document.hidden) scheduleApply();
    
66.   });
    
67. })();</div>

复制代码