Firefox Extension에서 웹 페이지에 요소를 추가하는 방법

StackOverflow https://stackoverflow.com/questions/843802

  •  20-08-2019
  •  | 
  •  

문제

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

마찬가지로, Skype 도구 모음은 비슷한 작업을 수행한다고 생각합니다. 웹 사이트에 전화 번호가 포함되어 있으면 Skype Extension은 스카이프 연락처를 호출하기 위해 클릭 할 수있는 버튼으로 자동 변환합니다.

저는 GNU/Linux 시스템을 사용하고 있지만 불행히도 Skype 확장은 Firefox/Skype의 Linux 버전에서 작동하지 않으므로 리버스 엔지니어링조차 할 수 없습니다 ...

Firefox 확장에는 파일 오버레이가 포함되어 있습니다 .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);

따라서 파일이 선택되면 경고 창이 나타나 파일 이름이 표시됩니다.

그러나 파일을 선택했을 때 페이지에 버튼을 어떻게 넣을 수 있습니까?

나는 다양한 문서를 시도해 왔지만 ParentNode와 이와 유사한 것은 아무것도 작동하지 않는 것 같습니다.

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

감사

도움이 되었습니까?

해결책

Chrome 컨텍스트에서 top.window.content.document를 사용하여 현재 컨텐츠 문서 (예 : 파일 선택자가있는 페이지)를 얻을 수 있습니다. 그 시점에서, 그것은 당신의 JS가 페이지에서 실행되는 것과 같습니다. 도움이되지 않으면 게시하십시오 코드 가능한 많은 정보가 있습니다. 또한보십시오 크롬 코드에서 Windows 작업.

그리고 당신은 확실히 페이지에 물건을 주입 할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top