Firefox 확장 기능에서 웹 페이지에 요소를 추가하는 방법

Question

태그가 <input type="file" ... >이고 파일이 선택되면로드 된 페이지에 버튼을 넣어야하는 Firefox 확장 기능을 개발할 것입니다.

마찬가지로 스카이프 툴바도 비슷한 기능을한다고 생각합니다. 웹 사이트에 전화 번호가 있으면 Skype 확장 프로그램이이를 자동으로 Skype 연락처를 호출하기 위해 클릭 할 수있는 버튼으로 변환합니다. ...

은 내가 GNU/리눅스 시스템에있어, 안타깝게도 스카 이프 확장 파이어 폭스/스카 이프의 리눅스 버전에서 작동하지 않습니다, 그래서 난 아무것도 리버스 엔지니어링을 시도 할 수

파이어 폭스 확장 파일에는 overlay.js 파일이 들어 있습니다.이 파일에는 확장 프로그램의 기본 로직이 들어 있습니다. 여기에 단순히이 코드 <input type="file" ... > 노드를 찾을 수 있습니다 : 파일이 선택되었을 때

onFileChosen: function(aEvent) { 
var input = aEvent.explicitOriginalTarget; 
if(input.type=="file"){ 
    alert(input.value); } 
} 

window.addEventListener("change", function(e) {xpitest.onFileChosen(e)},false); 

그래서, 경고 창이 나타나면 파일 이름을 보여줍니다.

하지만 파일을 선택하면 어떻게 페이지에 단추를 넣을 수 있습니까?

나는 다양한 document.parentNode 및 similars로 시도해 왔지만 아무 것도 작동하지 않는 것 같습니다.

로드 된 페이지에 물건을 넣을 수 없습니까?

감사

크롬 컨텍스트에서

Answer 1

, 당신은 top.window.content.document를 사용하여 현재 콘텐츠 문서 (파일 츄와 예를 들어, 페이지)를 얻을 수 있습니다. 이 시점에서 JS는 페이지에서 실행되는 것과 같습니다. 그래도 도움이되지 않으면 가능한 한 많은 정보를 코드 에 게시하십시오. Working with windows in chrome code을 참조하십시오.

그리고 분명히 물건을 페이지에 삽입 할 수 있습니다.