Gdzie czytać komunikaty konsoli z background.js w rozszerzeniu Chrome?

Właśnie zacząłem od rozszerzeń Google Chrome i nie mogę się zalogować do konsoli z mojego pliku js w tle. Gdy wystąpi błąd (na przykład z powodu błędu składniowego), nie mogę również znaleźć żadnych komunikatów o błędach.

Mój plik manifestu:

{
  "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!")

Gdy ładuję rozszerzenie, pojawia się alert, ale nie widzę niczego, co jest rejestrowane w konsoli. Co ja robię źle?

Patrzysz w złe miejsce. Zarejestrowane komunikaty konsoli nie pojawiają się na stronie internetowej, ale na (niewidocznej) stronie w tle. Aby zobaczyć te komunikaty w konsoli, wykonaj następujące kroki:

Wizyta chrome://extensions/.
Możesz także kliknąć prawym przyciskiem myszy ikonę rozszerzenia, a następnie kliknąć „Zarządzaj rozszerzeniami”.

1. Włącz tryb programisty
2. Kliknij link swojej strony w tle (w „Sprawdź widoki”).
3. Otwiera się konsola programisty dla tej strony .

Nowy interfejs użytkownika:

Stary interfejs użytkownika:

Miałem ten sam problem, w moim przypadku rejestrowanie ustawiono na „Ukryj wszystko” na karcie konsoli w narzędziach Chrome dla programistów. Nawet nie zdawałem sobie sprawy, że to była opcja i nie pamiętam, żeby ją wyłączyć

W przypadku obserwujących, którzy chcą zobaczyć konsolę debugowania dla „skryptu zawartości” swojego rozszerzenia chrome, jest ona dostępna, wykonując normalną „konsolę programisty pokazu”, a następnie użyj strzałki rozwijanej, aby wybrać jej „środowisko javascript”, aby uzyskać dostęp do jego metod itp.

do tego

jeśli chcesz zobaczyć content_scriptplik js (gdy nie ustawiono właściwości „background”) w pliku manifest.json

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

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

następnie kliknij prawym przyciskiem myszy ikonę rozszerzenia i kliknij Sprawdź wyskakujące okienko, a okno programisty otworzy się z wyskakującym okienkiem.html, tam zobaczysz kartę konsoli.

Podobnie do odpowiedzi Michiela miałem również zabawną konfigurację konsoli: filtr, którego nie pamiętam ustawienie:

Po wyczyszczeniu filtra zobaczyłem wiadomości.

Jeśli chcemy czytać komunikaty drukowane na konsoli ze strony wyskakującej, możemy kliknąć ikonę rozszerzenia, aby otworzyć stronę wyskakującą, a następnie kliknąć prawym przyciskiem myszy stronę wyskakującą w dowolnym miejscu, wyświetli się menu rozwijane, wystarczy kliknąć menu „Sprawdź”, aby otwórz narzędzie programistyczne. Zauważ, że wyskakująca strona musi się ciągle otwierać. Jeśli jest zamknięty (przez window.close ()), narzędzie programistyczne również zostanie zamknięte.

Też miałem ten problem. Wygląda na to, że moja strona internetowa nie aktualizowała się do nowo zapisanego skryptu. Zostało to rozwiązane przez naciśnięcie Ctrl+ odświeżania (lub Ctrl+ F5) w przeglądarce Chrome.