Active Tab Arrow Display

Display an arrow on the title of the currently active tab

이 스크립트를 설치하려면 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         Active Tab Arrow Display
// @namespace    ActiveTabArrowDisplay
// @description  Display an arrow on the title of the currently active tab
// @version      1.1
// @author       Kai Krause <[email protected]>
// @include      *
// @run-at       document-end
// ==/UserScript==

var modifier = "➜";

function flashTitle() {
	setTimeout(() => {
		var title = document.title;
		title = title.replace(modifier,"");

		if (document.hasFocus() || !document.hidden) {
			document.title = modifier + " " + title;
		} else if (!document.hasFocus() && document.hidden) {
			document.title = title;
		}
	}, 500);
}

flashTitle();

window.addEventListener("focus", flashTitle, true);
window.addEventListener("blur", flashTitle, true);

var titleSel = document.querySelector('title');
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
var MutationObserverConfig={
    childList: true,
    subtree: true,
    characterData: true
};
var titleObserver = new MutationObserver(function(mutations){
	flashTitle();
});
titleObserver.observe(titleSel, MutationObserverConfig);