маркирайте DOM елемент с мишката, както прави инспектирането

Можете да закачите mousemove на document или document.body, след което да използвате свойството target на обекта на събитието, за да откриете най-горния елемент, над който е мишката. Тогава прилагането на CSS към него може би става най-лесно чрез добавяне на клас към него.

Но се чудя дали :hover псевдо-класът може да ви спести някои проблеми...

Ако не използвате :hover, ето пример:

(function() {
  var prev;

  if (document.body.addEventListener) {
    document.body.addEventListener('mouseover', handler, false);
  }
  else if (document.body.attachEvent) {
    document.body.attachEvent('mouseover', function(e) {
      return handler(e || window.event);
    });
  }
  else {
    document.body.onmouseover = handler;
  }

  function handler(event) {
    if (event.target === document.body ||
        (prev && prev === event.target)) {
      return;
    }
    if (prev) {
      prev.className = prev.className.replace(/\bhighlight\b/, '');
      prev = undefined;
    }
    if (event.target) {
      prev = event.target;
      prev.className += " highlight";
    }
  }

})();

Копие на живо | източник

С помощта на jquery можете да направите нещо подобно

$('*').hover(
    function(e){
        $(this).css('border', '1px solid black');
        e.preventDefault();
        e.stopPropagation();
        return false;
    },function(e){
        $(this).css('border', 'none');
        e.preventDefault();
        e.stopPropagation();
        return false;
    }
);

С този код във вашия букмарклет можете да заредите какъвто и да е код

javascript:function loadScript(src){f=document.createElement('script');if(f){f.setAttribute("type","text/javascript");f.setAttribute("src",src);document.getElementsByTagName("head")[0].appendChild(f);}};loadScript("yourscripturl");