HackerNews FavIcons

Shows favicon for every link in hackernews

Script recomendado por el autor

Puede que también te guste HackerNews Links recap with Comment Anchors.

Pregunta tus dudas, ponle nota o notifica una posible infracción de las normas.

Juntar líneas

// ==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);

    const newTabLink = document.createElement('a')
    newTabLink.href = link.href
    newTabLink.target = '_blank'

    container.appendChild(newTabLink)

    GM_addElement(newTabLink, 'img', {
      src: imageUrl,
      width: 16,
      height: 16
    });
  }
})();