Nơi để đọc tin nhắn bảng điều khiển từ background.js trong tiện ích mở rộng của Chrome?

Tôi mới bắt đầu với các tiện ích mở rộng của Google Chrome và dường như tôi không thể đăng nhập vào bảng điều khiển từ js nền của mình. Khi xảy ra lỗi (ví dụ do lỗi cú pháp), tôi cũng không thể tìm thấy bất kỳ thông báo lỗi nào.

Tệp kê khai của tôi:

{
  "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"
  ]
}

nền.js:

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

Khi tôi tải tiện ích mở rộng, cảnh báo sẽ xuất hiện nhưng tôi không thấy bất cứ điều gì được ghi vào bảng điều khiển. Tôi đang làm gì sai?

Bạn đang nhìn nhầm chỗ. Thông báo bảng điều khiển đã ghi không xuất hiện trong trang web, nhưng trong trang nền (vô hình). Để xem các thông báo này trong bảng điều khiển, hãy làm theo các bước sau:

Tham quan chrome://extensions/.
Bạn cũng có thể nhấp chuột phải vào biểu tượng tiện ích mở rộng, sau đó nhấp vào "Quản lý tiện ích mở rộng".

1. Kích hoạt chế độ nhà phát triển
2. Nhấp vào liên kết của trang nền của bạn (tại "Kiểm tra lượt xem").
3. Bảng điều khiển dành cho nhà phát triển mở ra cho trang này .

Giao diện người dùng mới:

Giao diện người dùng cũ:

Tôi gặp vấn đề tương tự, trong trường hợp của tôi, việc ghi nhật ký được đặt thành "Ẩn tất cả" trong tab bảng điều khiển trong công cụ Nhà phát triển Chrome. Tôi thậm chí đã không nhận ra đây là một lựa chọn và tôi không thể nhớ tắt nó đi

Đối với những người theo dõi muốn xem bảng điều khiển gỡ lỗi cho "tập lệnh nội dung" của tiện ích chrome của họ, thì có sẵn bằng cách thực hiện "bảng điều khiển dành cho nhà phát triển chương trình" thông thường, sau đó sử dụng mũi tên thả xuống để chọn "môi trường javascript", sau đó bạn sẽ có quyền truy cập phương pháp của nó, vv

Ngoài ra

nếu bạn muốn xem content_scripttệp js (khi thuộc tính "nền" không được đặt) trong manifest.json

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

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

sau đó nhấp chuột phải vào biểu tượng tiện ích mở rộng và nhấp vào Kiểm tra cửa sổ bật lên và nhà phát triển mở với popup.html được mở, ở đó bạn thấy tab bảng điều khiển.

Tương tự như câu trả lời của Michiel, tôi cũng có một cấu hình bảng điều khiển vui nhộn: Bộ lọc tôi không nhớ cài đặt:

Sau khi xóa bộ lọc, tôi thấy các tin nhắn.

Nếu chúng tôi muốn đọc tin nhắn được in trên bảng điều khiển từ trang bật lên, chúng tôi có thể nhấp vào biểu tượng tiện ích mở rộng để mở trang bật lên, sau đó nhấp chuột phải vào trang bật lên ở bất cứ đâu, menu thả xuống sẽ hiển thị, chúng tôi chỉ cần nhấp vào menu "Kiểm tra" để mở công cụ phát triển. Lưu ý rằng trang bật lên phải được tiếp tục mở. Nếu nó bị đóng (bởi window.c Đóng ()), công cụ dành cho nhà phát triển cũng sẽ bị đóng.

Tôi đã có vấn đề này là tốt. Có vẻ như trang web của tôi không cập nhật lên tập lệnh mới được lưu. Điều này đã được giải quyết bằng cách nhấn Ctrl+ refresh (hoặc Ctrl+ F5) trong trình duyệt chrome.