HackerNews FavIcons

Shows favicon for every link in hackernews

As of 2024-05-02. See the latest version.

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         HackerNews FavIcons
// @namespace    PoKeRGT
// @version      1.00
// @icon         https://www.google.com/s2/favicons?sz=64&domain=news.ycombinator.com
// @description  Shows favicon for every link in hackernews
// @author       PoKeRGT
// @match        https://news.ycombinator.com/*
// @grant        GM_addElement
// @run-at       document-end
// @homepageURL  https://github.com/PoKeRGT/userscripts
// @license      MIT
// ==/UserScript==

(function () {
  'use strict';

  for (let item of document.querySelectorAll('.titleline')) {
    item.style.display = "flex";
    item.style.alignItems = "center";
    const link = item.querySelector('a');
    const domain = new URL(link.href).hostname;
    const imageUrl = `https://www.google.com/s2/favicons?sz=16&domain_url=${domain}`;
    const container = document.createElement('span');
    container.style.paddingRight = '0.25em';
    container.style.paddingLeft = '0.25em';
    item.prepend(container);
    GM_addElement(container, 'img', {
      src: imageUrl,
      width: 16,
      height: 16
    });
  }
})();