☰

Telegram-Web Image Display Switch

none

  1. // ==UserScript==
  2. // @name        Telegram-Web Image Display Switch
  3. // @namespace   zunsthy@gmail.com
  4. // @description none
  5. // @include     https://web.telegram.org/*
  6. // @match       https://web.telegram.org/*
  7. // @version     1.0.0
  8. // @grant       none
  9. // ==/UserScript==
  10.  
  11.  
  12. const createStyleElement = (css) => {
  13.   const styleElement = document.createElement('style');
  14.   styleElement.type = 'text/css';
  15.   
  16.   if (styleElement.styleSheet) {
  17.     styleElement.styleSheet.cssText = css;
  18.   } else {
  19.     styleElement.textContent = css;
  20.   }
  21.  
  22.   return styleElement;
  23. };
  24.  
  25. (() => {
  26.   const container = document.querySelector('head');
  27.  
  28.   const css = `
  29. div[ng-switch-when="sticker"],
  30. a.im_message_photo_thumb,
  31. a.im_message_video_thumb,
  32. div.img_gif_image_wrap,
  33. div.im_message_webpage_wrap {
  34.   position: relative;
  35. }
  36. div[ng-switch-when="sticker"]::after {
  37.   content: "【贴图已隐藏】";
  38. }
  39. a.im_message_photo_thumb::after {
  40.   content: "【图片已隐藏】";
  41. }
  42. a.im_message_video_thumb::after {
  43.   content: "【视频已隐藏】";
  44. }
  45. div.img_gif_image_wrap::after {
  46.   content: "【GIF已隐藏】";
  47. }
  48. div.im_message_webpage_wrap::after {
  49.   content: "【链接预览已隐藏】";
  50. }
  51. div[ng-switch-when="sticker"]::after,
  52. a.im_message_photo_thumb::after,
  53. a.im_message_video_thumb::after,
  54. div.img_gif_image_wrap::after,
  55. div.im_message_webpage_wrap::after {
  56.   display: block;
  57.   position: absolute;
  58.   top: 0;
  59.   right: 0;
  60.   bottom: 0;
  61.   left: 0;
  62.   color: white;
  63.   background-color: rgba(0, 0, 0, .9);
  64. }
  65.   `;
  66.   
  67.   const style = createStyleElement(css);
  68.  
  69.   container.appendChild(style);
  70.   
  71.   window.CoverImage = () => {
  72.     container.appendChild(style);
  73.   };
  74.   window.DisplayImage = () => {
  75.     container.removeChild(style);
  76.   };
  77. })();