Chrome 확장 프로그램에서 background.js의 콘솔 메시지를 어디에서 읽을 수 있습니까?

방금 Chrome 확장 프로그램으로 시작했는데 백그라운드 js에서 콘솔에 로그인 할 수 없습니다. 구문 오류 등으로 인해 오류가 발생하면 오류 메시지도 찾을 수 없습니다.

내 매니페스트 파일 :

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "pageCapture",
    "tabs"
  ]
}

background.js :

alert("here");
console.log("Hello, world!")

확장을로드하면 경고가 표시되지만 콘솔에 아무것도 기록되지 않습니다. 내가 뭘 잘못하고 있죠?

당신은 잘못된 곳을보고 있습니다. 기록 된 콘솔 메시지는 웹 페이지가 아닌 (보이지 않는) 배경 페이지에 나타납니다. 콘솔에서 이러한 메시지를 보려면 다음 단계를 수행하십시오.

방문하십시오 chrome://extensions/.
확장 프로그램 아이콘을 마우스 오른쪽 버튼으로 클릭 한 다음 "확장 프로그램 관리"를 클릭해도됩니다.

1. 개발자 모드 사용
2. 배경 페이지 링크를 클릭하십시오 ( "보기 검사"에서).
3. 이 페이지에 대한 개발자 콘솔이 열립니다 .

새로운 UI :

이전 UI :

Chrome 개발자 도구의 콘솔 탭에서 로깅이 '모두 숨기기'로 설정된 경우에도 같은 문제가있었습니다. 나는 이것이 옵션이라는 것을 깨닫지 못했고, 그것을 끄는 것을 기억할 수 없다

크롬 확장 프로그램의 "컨텐츠 스크립트"에 대한 디버그 콘솔을 보려면 팔로어에게 일반적인 "개발자 콘솔 표시"를 수행 한 후 드롭 다운 화살표를 사용하여 "자바 스크립트 환경"을 선택하면 액세스 할 수 있습니다. 그 방법 등에

추가적으로

manifest.jsoncontent_script 에서 js 파일 ( "background"속성이 설정되지 않은 경우) 을 보려면

"content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["popup.js"],
  }]

"browser_action": {
    "default_icon": "icon_32.png",
    "default_popup": "popup.html"
  }

그런 다음 확장 아이콘 을 마우스 오른쪽 버튼 으로 클릭하고 팝업 검사를 클릭 하면 popup.html이 열린 상태에서 개발자 창이 열립니다. 콘솔 탭이 나타납니다.

Michiel의 답변과 비슷하게 재미있는 콘솔 구성도했습니다. 설정을 기억하지 못하는 필터 :

필터를 지운 후 메시지를 보았습니다.

팝업 페이지에서 콘솔에 인쇄 된 메시지를 읽으려면 확장 프로그램 아이콘을 클릭하여 팝업 페이지를 연 다음 팝업 페이지를 마우스 오른쪽 단추로 클릭하면 드롭 다운 메뉴가 표시됩니다. "검사"메뉴를 클릭하십시오. 개발자 도구를 엽니 다. 팝업 페이지가 계속 열려 있어야합니다. window.close ()에 의해 닫히면 개발자 도구도 닫힙니다.

나도이 문제가 있었다. 내 웹 페이지가 새로 저장된 스크립트로 업데이트되지 않은 것 같습니다. 크롬 브라우저에서 Ctrl+ 새로 고침 (또는 Ctrl+ F5) 을 눌러 해결했습니다 .