확장된 background.js 콘솔 및 개발 도구에 액세스

Question

방금 Google Chrome 확장 프로그램을 사용하기 시작했는데 백그라운드 js에서 콘솔에 로그인할 수 없는 것 같습니다. 또한 오류가 발생할 때(예: 구문 오류로 인해) 오류 메시지를 찾을 수 없습니다.

내 매니페스트 파일:

{
  "name": "내 첫 번째 확장 프로그램",
  "버전": "1.0",
  "manifest_version": 2,
  "description": "내가 만든 첫 번째 확장 프로그램입니다.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "배경": {
    "스크립트": ["Background.js"]
  },
  "권한": [
    "페이지 캡처",
    "탭"
  ]
}

Background.js:

alert("여기");
console.log("안녕하세요!")

확장 프로그램을 로드하면 경고가 표시되지만 콘솔에 기록된 내용은 아무것도 표시되지 않습니다. 내가 뭘 잘못했나요?

Answer 1

저도 같은 문제가 있었는데 제 경우에는 Chrome 개발자 도구 콘솔 탭의 로그인이 "모두 숨기기"로 설정되어 있었습니다. 저는 이것이 옵션인지도 몰랐고 이 기능을 끄는 기억도 없습니다

Answer 2

당신은 잘못된 곳을 보고 있습니다. 이러한 콘솔 메시지는 웹 페이지에 표시되지 않지만 보이지 않는 배경 페이지(ManifestV2) 또는 서비스 워커(ManifestV3)에 표시됩니다.

백그라운드 스크립트 컨텍스트에 대한 올바른 콘솔을 보려면 개발 도구를 엽니다.

1. 방문 chrome://extensions/하거나 확장 프로그램 아이콘을 마우스 오른쪽 버튼으로 클릭하고 "확장 프로그램 관리"를 선택하세요.
2. 개발자 모드 활성화
3. 이름이 后台页面 (ManifestV2) 或服务工作线程(ManifestV3)인 링크를 클릭하세요.

ManifestV2 확장 스크린샷:

ManifestV3 확장 스크린샷: