Greasy Fork is available in English.

HideImages

hide web images

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
  1. // ==UserScript==
  2. // @name HideImages
  3. // @name:zh-CN 摸鱼助手-隐藏网页图片
  4. // @description hide web images
  5. // @description:zh-CN 增加一个快捷按钮,一键隐藏/显示网页图片
  6. // @namespace https://github.com/
  7. // @license MIT
  8. // @author 北极有鱼
  9. // @match *://*/*
  10. // @run-at document-end
  11. // @version 1.0.1
  12. // ==/UserScript==
  13.  
  14. (function() {
  15. 'use strict';
  16. console.log('HideImages is running...') // 控制台输出运行状态
  17. // 插入到页面中
  18. let btnDom = document.createElement('div'); // 生成待插入的元素
  19. btnDom.className = 'hi-btn';
  20. btnDom.textContent = '隐'; // 添加文字内容
  21. document.body.appendChild(btnDom);
  22. // 再添加样式
  23. let style = `
  24. .hi-btn {
  25. position: fixed;
  26. right: 20px;
  27. bottom: 100px;
  28. z-index: 9999;
  29. width: 40px;
  30. height: 40px;
  31. display: flex;
  32. align-items: center;
  33. justify-content: center;
  34. background-color: #ff6f3c;
  35. border-radius: 10px;
  36. transition: all 0.5s;
  37. cursor: pointer;
  38. font-size: 20px;
  39. color: #ffffff;
  40. }
  41. `
  42.  
  43. let styleDom = document.createElement('style');
  44. styleDom.innerHTML = style;
  45. document.head.appendChild(styleDom);
  46.  
  47. // 处理事件
  48. btnDom.addEventListener('click', function() {
  49. const images = document.querySelectorAll('img, image, photo, thumbnail, picture, gallery, icon, avatar, video, art-player-wrapper, imgbox-border, img-wrapper, goods');
  50. // 遍历所有的图片元素,并设置它们的 display 样式为 none 或者 block
  51. images.forEach(function(element) {
  52. if (element.style.display === 'none') {
  53. element.style.display = '';
  54. } else {
  55. element.style.display = 'none';
  56. }
  57. });
  58. // 针对小红书处理
  59. const redImages = document.querySelectorAll('.cover.ld.mask');
  60. redImages.forEach(function(element) {
  61. if (element.style.display === 'none') {
  62. element.style.display = '';
  63. } else {
  64. element.style.display = 'none';
  65. }
  66. });
  67. // 小红书点击后的内容隐藏
  68. const redImagesIn = document.querySelectorAll('.media-container');
  69. redImagesIn.forEach(function(element) {
  70. if (element.style.display === 'none') {
  71. element.style.display = '';
  72. } else {
  73. element.style.display = 'none';
  74. }
  75. });
  76. // 切换按钮文本内容
  77. if (btnDom.textContent === '隐') {
  78. btnDom.textContent = "显";
  79. btnDom.style.borderRadius = '20px';
  80. btnDom.style.backgroundColor = '#17b978';
  81. } else {
  82. btnDom.textContent = "隐";
  83. btnDom.style.borderRadius = '10px';
  84. btnDom.style.backgroundColor = '#ff6f3c';
  85. }
  86. })
  87. // 打完收功
  88. })();
  89.  
  90.  
  91.  
  92.  
  93.