faviconizer

Show favicons for links.
Zadaj pytanie, napisz recenzję, lub zgłoś ten skrypt.
Wrap lines
// ==UserScript==
// @name         faviconizer
// @namespace    01
// @version      0.1
// @description  Show favicons for links.
// @author       fbr10
// @exclude      https://www.yandex.ru/search/*
// @exclude      https://www.google.ru/search*
// @exclude      https://www.bing.com/search*
// @exclude      https://nova.rambler.ru/search*
// @include      *://*/*
// @include      http://*
// @include      https://*
// @grant        none
// ==/UserScript==

(function(d) {
    'use strict';

  var faviconDiv = d.createElement('div');
  faviconDiv.style.display = 'none';
  faviconDiv.style.position = 'fixed';
  faviconDiv.style.width = '16px';
  faviconDiv.style.height = '16px';
  faviconDiv.style.border = '1px solid red';
  faviconDiv.style.boxShadow = '3px 3px 5px #808080';
  faviconDiv.style.zIndex = '9999';
  var favicon = d.createElement('img');
  faviconDiv.appendChild(favicon);
  d.body.appendChild(faviconDiv);

  var a = d.querySelectorAll('a');
  for (var i = 0; i < a.length; i++) {
    a[i].addEventListener("mouseover", faviconizer, false);
    a[i].addEventListener("mouseout", clean, false);
  };

  function faviconizer (event) {
    var host = this.host.replace(/www\./, "");
    var localhost = d.location.host.replace(/www\./, "");

    if (host === '' || host === localhost) {
        return
    } else {

    favicon.src = "https://www.google.com/s2/favicons?domain=" + host;

    faviconDiv.style.left = event.clientX + 30 + 'px';
    faviconDiv.style.top = event.clientY - 30 + 'px';
    faviconDiv.style.display = 'block';
  };
};

  function clean() {
    faviconDiv.style.display = 'none';
  };

})(document);