Quora: remove the need to click blurred images to see them clearly

Remove filters from q-box on Quora to make them clearer - even in endless paging lists

目前為 2023-12-11 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Quora: remove the need to click blurred images to see them clearly
// @namespace    quora-unblur
// @version      1.02
// @description  Remove filters from q-box on Quora to make them clearer - even in endless paging lists
// @author       Scriptonomics
// @match        https://*.quora.com/*
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

  function removeImageFiltersFromElement(element) {
    element.querySelectorAll('div.q-box').forEach(i => i.style.filter = 'none');
  }

  function removeImageFilters() {
    removeImageFiltersFromElement(document); // Remove filters from images on the initial page load

    const observer = new MutationObserver(mutationsList => { // Watch for changes in the page's content (dynamically loaded components)
      for (const mutation of mutationsList) {
        if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
          for (const node of mutation.addedNodes) {
            if (node instanceof Element && node.getElementsByTagName) removeImageFiltersFromElement(node);
          }
        }
      }
    });

    observer.observe(document, { childList: true, subtree: true }); // Start observing the root of the document (entire page)
  }

  // Wait for the page to fully load before removing filters
  window.addEventListener('load', removeImageFilters);

})();