크롬 확장 - 콘텐츠 스크립트가 클래스 이름별로 요소를 찾을 수 없습니다.

Question

Chrome 확장 프로그램의 콘텐츠 스크립트를 사용하여 페이지에서 특정 클래스 이름을 가진 요소에 액세스하려고합니다. 지금까지 콘텐츠 스크립트는 document.getElementById()를 사용하여 특정 ID가있는 요소를 성공적으로 찾을 수 있지만 document.getElementsByClassName() 또는 jQuery의 $ (". className")을 사용하면 결과가 산출되지 않습니다. 테스트를 위해 클래스 이름으로 '헤더'를 사용했으며 확장을 실행 한 모든 웹 사이트에서 배열 길이가 0이되었습니다. 누락 된 아이디어가 있습니까? 여기에 내가 함께 테스트 한 내용은 다음과 같습니다

manifest.json 
================= 
{ 
    "name": "Sample Extension", 
    "version": "0.0.1", 
    "description": "Sample extension", 
    "icons": {"128": "icon.png"}, 
    "permissions": [ 
     "tabs", "<all_urls>" 
    ], 
    "browser_action": { 
     "default_icon": "browseraction.png", 
     "default_title": "Sample", 
     "popup": "popup.html" 
    }, 
    "content_scripts": [ 
     { 
      "matches": [ "<all_urls>" ], 
      "js": ["scripts/contentscript.js"], 
      "run_at": "document_end" 
     } 
    ] 
} 

contentscript.js 
=================== 
var elems = document.getElementsByClassName("header"); 
alert(elems.length); 

Answer 1

귀하의 코드는 매우 기본적이고 간단합니다, 그것은 이 문제의 원인이 될 수 없습니다. 사실, 방금 정확한 코드를 사용했는데 alert()은 매번 그리고 때마다 1 (올바른 내용)이라고 말합니다.

가장 좋은 추측은 contentscript.js에서 변경 한 후 내선 번호를 다시로드하지 않았거나 다른 일부 확장자가 간섭되어이 이상한 동작이 발생했기 때문입니다. 확장 프로그램을 테스트하기 전에 다른 확장 프로그램을 사용 중지 해보세요.