Pytanie dotyczące title

Question

Witam wszystkich.

Kiedyś na jednej ze stron internetowych spostrzegłem, że tytuł strony można ustawić tak, że gdy przejdzie się do innej strony internetowej to tytuł strony internetowej zmienia się. Dla przykładu: Strona abc ma tytuł witaj na abc, ale gdy otworzymy nową kartę i przejdziemy do niej to tytuł zmienia się na inny.

Niestety nie jestem w żaden sposób odszukać komendy jakiej trzeba użyć by to wywołać. Byłbym bardzo wdzięczny za jakiś link do filmu lub najmniejszą podpowiedz.  

Dzięki wszystkim :)

Answer 1

Wykorzystywane jest sprawdzanie co jakiś czas zwrotu metody document.hasFocus(). W zależności od zwracanej wartości logicznej, właściwość document.title jest odpowiednio modyfikowana, dzięki czemu można osiągnąć taki efekt.

Przykładowe użycie można znaleźć tutaj – z taką różnicą, że zmienia się zawartość dokumentu, a nie jego tytułu.

Comments

Tak po prawdzie to można wykrywać blur i focus na window, nie trzeba odpytywać document.hasFocus.

Answer 2

Sprawdzanie focusu to nie do końca to samo, co sprawdzanie, czy strona jest widoczna. Można mieć np. stronę umieszczoną w ramce rozciągniętej na wielkość całego okna i nie mieć w niej focusu. Żeby sprawdzić, czy okno jest widoczne, lepiej użyć Page Visiblity API.

Porównanie wykrywania focusu i widoczności: https://codepen.io/Comandeer/full/wvMBNgm

Oczywiście, jak będziesz patrzyć na stronę, to kontrolka przy visiblity będzie zawsze zielona ;) Dlatego polecam patrzeć do konsoli. Powinna się zmienić np. po otwarciu i przejściu do nowej karty albo przysłonięciu okna przeglądarki innym oknem.