[debugging] 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 개발자 도구의 콘솔 탭에서 로깅이 ‘모두 숨기기’로 설정된 경우에도 같은 문제가있었습니다. 나는 이것이 옵션이라는 것을 깨닫지 못했고, 그것을 끄는 것을 기억할 수 없다

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) 을 눌러 해결했습니다 .