앱 탭에 사용자 정의 파비콘을 추가하는 방법이 있습니까?

Firefox "5"가 출시 된 이후로 새로운 "앱 탭"기능이 정말 마음에 듭니다. 그러나 현재 직장 내 여러 내부 웹 사이트에는 파비콘이 없습니다. 따라서이 사이트에서 앱 탭을 만들면 탭에 "빈 페이지"아이콘 만 있습니다.

아마도 하나만 있다면별로 신경 쓰지 않을 것입니다. 그러나 적어도 두세 가지가 있습니다. 따라서 앱 탭을 마우스로 가리켜 서 어느 것이 무엇인지 알아내는 것은 약간 성가신 일입니다.

Favicon Picker 2를 사용하여 북마크 아이콘을 변경하려고 시도했지만 북마크 폴더의 아이콘이 변경됩니다. 주소 표시 줄의 URL 옆에 표시되는 즐겨 찾기 아이콘이나 탭의 페이지 제목 옆에있는 즐겨 찾기 아이콘은 변경되지 않습니다. 후자는 앱 탭 아이콘에 사용됩니다.

따라서 탭 표시 줄에서 사용될 웹 페이지 나 도메인에 아이콘을 할당하는 플러그인 또는 다른 클라이언트 측 (및 "Joe User"친화적) 방법이 있습니까?

앱 탭 즐겨 찾기 아이콘을 사용자 정의하는 것은 매우 간단합니다.
앱 탭 favicon은 북마크에 의해서만 생성되므로 ...
(1) 이것을 설치하십시오 -https
: //addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/ (2) 책갈피, 마우스 오른쪽 버튼을 클릭하고 원하는 사용자 정의 이미지를 선택
(3) 다시 시작 브라우저 (새 이미지에 "받아")
완료.

다음 스타일 시트를 사용하여 탭 (Firefox 26)의 아이콘을 변경했습니다.

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"][label*="w3.org"] .tab-icon-image {
    list-style-image: url(https://www.w3.org/favicon.ico);
}
tab[pinned="true"][label^="TU"] .tab-icon-image {
    list-style-image: url(https://www.tue.nl/favicon.ico);
}

이 스타일 시트를 사용하여 하나를 넣어하는 방법 [path to your profile]/chrome/userChrome.css, 또는 같은 사용자의 스타일 관리자를 설치 세련된 .

Firefox의 탭은 문서 트리의 일부입니다 ( browser.xul 참조 ).

<tabs id="tabbrowser-tabs" ...>
    <tab class="tabbrowser-tab" ... pinned="true" ... label="some text" ...>
    ...

탭의 레이블은 탭의 제목과 일치합니다. 이 예에서는 W3의 메일 링리스트 탭에 즐겨 찾기 아이콘을 추가하고 싶었습니다. 불행히도 제목이 하나도 없으므로 탭과 일치하는 비교적 독특한 것을 찾아야했습니다. 관련 페이지의 제목에 "w3.org"가있어서을 (를) 만들었습니다 [label*="w3.org"].
마찬가지로 내 대학 사이트에는 즐겨 찾기 아이콘이 없습니다. 모든 제목은 "TU"로 시작하므로을 사용했습니다 [label^="TU"].

더 일반적인 선택기 : [label$="last words"], [label="Exact match"].
부정 : [label*="w3.org"]:not([label$="- Gmail"])(= "-Gmail"로 끝나지 않는 한 제목에 "w3.org"가 포함 된 탭을 선택하십시오).

고정 된 탭의 위치가 변경되지 않으면 다음과 같이 첫 번째 탭의 아이콘을 변경하십시오.

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"]:nth-child(1) .tab-icon-image {
    list-style-image: url(https://www.mozilla.org/favicon.ico);
}