Firefox Extension 새 아이콘을 만들거나 위치/주소 표시 줄에서 기존 아이콘을 교체합니다.

Question

주소 표시 줄에 새 아이콘을 생성하거나 기존 아이콘을 확장자에 지정된 아이콘으로 대체하는 Firefox 확장을 만들고 싶습니다.

그런 다음 사용자가 특정 도메인을 볼 때만이 사용자 정의 로고를 표시하기 위해 JavaScript를 추가하십시오.

위치/주소 표시 줄에 사용할 수없는 경우 상태 표시 줄에 로고를 표시하는 것은 괜찮습니다 (다시 사용자가 특정 도메인에있을 때만 로고를 표시하는 JavaScript로 구동).

이 작업을 수행 할 수 있습니까?

나는 Favicon만이 내 문제를 해결할 것이라고 생각하지 않습니다. 사용자가 특정 도메인에있을 때만 아이콘/로고를 표시하고 싶습니다 (예 : xyz.com/testpage.html 또는 abc.com/anothertest.html).

Answer 1

당신은 그냥 사용하기 만하면됩니다 Greasemonkey. 여기에는 빠른 스크립트가 있습니다.

//create the icon
a=document.createElement("link");
a.setAttribute("rel", "icon");
a.setAttribute("href","http://www.google.com/favicon.ico");

//append the icon to the head
document.documentElement.firstChild.appendChild(a);

Greasemonkey 's Manual : (스크립트 추가)

파비콘이있는 사이트가 변경하려는 경우 이미 하나가 있습니다, 당신은 같은 일을해야합니다

// get the head elements
head = document.documentElement.firstElementChild.childNodes;

//delete the existing favicon
for(i in head){
    if((head[i].rel == "shortcut icon")||(head[i].rel == "icon")){
         head.removeChild(head[i]);
    }
}

새 Favicon을 설정하기 전에는 작동하지 않았습니다.

이있다 Favicon 조작을위한 표준 객체를 만들기위한 프로젝트 그것은 효과가 있지만 저에게는 효과가 없었습니다.

Answer 2

다음과 같은 링크 요소를 생성하는 DOM을 변경할 수 있습니다.

<link rel="icon" type="image/png" href="/somepath/image.png" />