IT박스

Google 크롬 백그라운드 스크립트를 디버그하는 방법은 무엇입니까?

itboxs 2020. 11. 5. 07:49
반응형

Google 크롬 백그라운드 스크립트를 디버그하는 방법은 무엇입니까?


매우 간단한 확장 기능이 있습니다.

manifest.json

{
  "name": "historyCleaner",
  "version": "0.1.1",
  "manifest_version": 1,
  "description": "This is my first Chrome extension",
  "background": {
    "scripts": ["cleaner.js"]
  }, 
  "permissions": [
    "history"
  ]
}

cleaner.js

chrome.history.onVisited.addListener(function(HistoryItem result) {

  console.log("it works!");
  alert("it works!");

});

Chrome에로드했는데 켜져 있는데 ... 작동하지 않습니다. 콘솔에 아무것도 기록하지 않고 경고도하지 않으며 더 나쁜 것은 개발자 도구 "스크립트"탭에서 찾을 수 없습니다. 작동하지 않는 이유를 어떻게 찾을 수 있습니까?

//편집하다

manifest.json을 다음과 같이 변경했습니다.

{
  "name": "historyCleaner",
  "version": "0.1.5",
  "manifest_version": 1,
  "description": "This is my first Chrome extension",
  "background_page": "background.html",
  "permissions": [
    "history",
    "background"
  ]
}

그리고 background.html에 JavaScript가 포함되었습니다.


여기에 이미지 설명 입력

그리고 만약 당신 console.log("it works!");이 나타나지 않는다면 그것은 chrome.history.onVisited아직 해고되지 않았다는 입니다.

추신 :의 경우 function(HistoryItem result)으로 변경할 수 function(result)있습니다.


이 응답은 늦을 수 있지만 나머지는 도움이 될 것입니다. background.html에 javascript 오류가 있으면 페이지가로드되지 않습니다 (검사를 위해).

background.html의 문제점을 확인하려면 chrome : // chrome / extensions / (예 : 확장 프로그램 관리)에서 background.html 링크를 클릭하세요. 개발자 도구는로드되지만 background.html은로드되지 않습니다. 창의 오른쪽 하단에 빨간색 오류 기호가 표시되며이를 클릭하면 수정해야하는 줄 번호가 제공됩니다.

참고 URL : https://stackoverflow.com/questions/10081898/how-to-debug-google-chrome-background-script

반응형