크롬 확장 콘텐츠 스크립트는

Question

봐 스크린 샷에 클래스 요소를 얻을 캔트 : 당신의 차일

대상 중 하나를 볼 수 없습니다, 그래서 iframe이가 iframe 대응의 자식으로 표시 DIV 최소화

1. 도 우리 사실 알고 1.

확장의 콘텐츠 스크립트

,

Google 크롬 콘솔

console.log(targetDiv) // output: targetDiv 

어떻게하는 것이 가능할까요? 두 가지 경우 모두 다른 '정상'요소가 인쇄됩니다. 마법의 절반 아이 요소에 대해 설명해 주시겠습니까?

업데이트 :이 div는 동적으로 생성 된 setInterval 문제를 해결합니다!

Answer 1

DOM에 요소가있는 후에 스크립트를로드해야합니다. 디버그 해보고 console.log(targetDiv)에 중단 점을 설정하고 DOM을 수동으로 조사하십시오. 이 요소 렌더링은 일부 내부 스크립트에 의해 지연 될 수 있습니다. 이 경우 당신은 시간이 요소를 감지하는 폴링 프로세스의 종류를 구현할 수 :

const timer = setInterval(() => { 
    const myElement = document.getElementById('my-element'); 
    if(myElement) { 
    clearTimeout(timer); 
    processMyElement(myElement); 
    } 
}, 150); 

대신 콘솔 "컨텍스트"선택이 설정되는 반면, 단지

const myElement = document.getElementById('my-element'); 
processMyElement(myElement);