Google Title Tooltips

Applies original Google search result titles to result links as title attributes

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name          Google Title Tooltips
// @namespace     https://github.com/ohdeerdog/
// @version       0.1
// @description   Applies original Google search result titles to result links as title attributes
// @author        ohdeerdog
// @include       *://*.google.tld/*
// @run-at        document-body
// @grant         none
// @noframes
// ==/UserScript==

(function() {
  function apply_titles() {
    let links = document.querySelectorAll('#rso .g h3.r a');
    for (let link of links) {
      let request = new Request('https://urltitle.herokuapp.com/', {
        method: 'POST',
        headers: new Headers({
          'Content-Type': 'application/json',
        }),
        body: JSON.stringify({ url: link.href }),
      });

      fetch(request).then(response => {
        if (response.status === 200) {
          response.json().then(data => {
            if (data.title.length > 0) {
              link.setAttribute('title', data.title);
            }
          });
        }
      });
    }
  }

  const observer = new MutationObserver(mutations => {
    for (let mutation of mutations) {
      if (mutation.target.id === 'search' && mutation.addedNodes.length === 2) {
        apply_titles();
      }
    }
  });

  var config = { childList: true, subtree: true };

  document.addEventListener('DOMContentLoaded', apply_titles);
  observer.observe(document.body, config);
})();