google chrome mở rộng :: console.log () từ trang nền?

Nếu tôi gọi console.log('something');từ trang bật lên, hoặc bất kỳ tập lệnh nào được bao gồm thì nó hoạt động tốt.

Tuy nhiên, vì trang nền không trực tiếp chạy khỏi trang bật lên nên nó không được bao gồm trong bảng điều khiển.

Có cách nào để tôi có thể console.log()vào trang nền để hiển thị trong bảng điều khiển cho trang bật lên không?

Có cách nào để, từ trang nền gọi một chức năng trong trang bật lên không?

Bất kỳ trang mở rộng nào (ngoại trừ tập lệnh nội dung ) đều có quyền truy cập trực tiếp vào trang nền thông qua chrome.extension.getBackgroundPage().

Điều đó có nghĩa là, trong trang bật lên , bạn chỉ có thể làm:

chrome.extension.getBackgroundPage().console.log('foo');

Để dễ sử dụng hơn:

var bkg = chrome.extension.getBackgroundPage();
bkg.console.log('foo');

Bây giờ nếu bạn muốn làm tương tự trong các tập lệnh nội dung, bạn phải sử dụng Message Passing để đạt được điều đó. Lý do, cả hai đều thuộc về các lĩnh vực khác nhau, có ý nghĩa. Có rất nhiều ví dụ trong trang Message Passing để bạn kiểm tra.

Hy vọng rằng sẽ xóa tất cả mọi thứ.

Bạn có thể mở bảng điều khiển của trang nền nếu bạn nhấp vào liên kết "nền.html" trong danh sách tiện ích mở rộng.

Để truy cập trang nền tương ứng với tiện ích mở rộng của bạn, hãy mở Settings / Extensionshoặc mở một tab mới và nhập chrome://extensions. Bạn sẽ thấy một cái gì đó giống như ảnh chụp màn hình này.

Dưới phần mở rộng của bạn bấm vào liên kết background page. Điều này mở ra một cửa sổ mới. Đối với mẫu menu ngữ cảnh , cửa sổ có tiêu đề : _generated_background_page.html.

Để trả lời câu hỏi của bạn trực tiếp, khi bạn gọi console.log("something")từ nền, thông báo này được ghi lại, vào bảng điều khiển của trang nền. Để xem nó, bạn có thể đi đến chrome://extensions/và nhấp vào đó inspect viewdưới phần mở rộng của bạn.

Khi bạn nhấp vào cửa sổ bật lên, nó sẽ được tải vào trang hiện tại, do đó console.log sẽ hiển thị thông báo nhật ký trong trang hiện tại.

Bạn vẫn có thể sử dụng console.log (), nhưng nó được đăng nhập vào một bảng điều khiển riêng. Để xem nó - nhấp chuột phải vào biểu tượng tiện ích mở rộng và chọn "Kiểm tra cửa sổ bật lên".

Giải pháp đơn giản nhất là thêm đoạn mã sau vào đầu tệp. Và hơn bạn có thể sử dụng tất cả api bảng điều khiển Chrome đầy đủ như bình thường.

 console = chrome.extension.getBackgroundPage().console;
// for instance, console.assert(1!=1) will return assertion error
// console.log("msg") ==> prints msg
// etc

const log = chrome.extension.getBackgroundPage().console.log;
log('something')

Nhật ký mở:

• Mở: chrome: // extend /
• Chi tiết> Trang nền

Hãy thử điều này, nếu bạn muốn đăng nhập vào bảng điều khiển của trang hoạt động:

chrome.tabs.executeScript({
    code: 'console.log("addd")'
});

Liên quan đến câu hỏi ban đầu tôi muốn thêm vào câu trả lời được chấp nhận của Mohamed Mansour rằng đó cũng là một cách để thực hiện công việc này theo cách khác:

Bạn có thể truy cập các trang mở rộng khác (ví dụ trang tùy chọn, trang bật lên) từ trong trang / tập lệnh nền với chrome.extension.getViews()cuộc gọi. Theo mô tả ở đây .

 // overwrite the console object with the right one.
var optionsPage = (  chrome.extension.getViews()  
                 &&  (chrome.extension.getViews().length > 1)  ) 
                ? chrome.extension.getViews()[1] : null;

 // safety precaution.
if (optionsPage) {
  var console = optionsPage.console;
}

Đó là một bài viết cũ, với câu trả lời đã tốt, nhưng tôi thêm hai bit của mình. Tôi không muốn sử dụng console.log, tôi muốn sử dụng một trình ghi nhật ký để đăng nhập vào bảng điều khiển hoặc bất cứ nơi nào tôi muốn, vì vậy tôi có một mô-đun xác định chức năng nhật ký giống như cái này

function log(...args) {
  console.log(...args);
  chrome.extension.getBackgroundPage().console.log(...args);
}

Khi tôi gọi nhật ký ("đây là nhật ký của tôi"), nó sẽ viết thông báo cả trong bảng điều khiển bật lên và bảng điều khiển nền.

Ưu điểm là có thể thay đổi hành vi của nhật ký mà không phải thay đổi mã (như vô hiệu hóa nhật ký để sản xuất, v.v ...)

Để có được một bản ghi giao diện điều khiển từ một trang nền, bạn cần viết đoạn mã sau vào trang nền.js -

chrome.extension.getBackgroundPage (). console.log ('xin chào');

Sau đó tải phần mở rộng và kiểm tra trang nền của nó để xem nhật ký giao diện điều khiển.

Hãy tiếp tục !!