Thông báo trên màn hình từ các tập lệnh nội dung

Question

Tôi đang cố hiển thị mã thông báo trên màn hình đơn giản từ tập lệnh nội dung, nhưng dường như không hoạt động .. Tôi đã thêm quyền trong tệp maifest.json. Có hạn chế hiển thị chúng từ tập lệnh nội dung không?

Answer 1

Có, thông báo sử dụng API cụ thể của Chrome và tập lệnh nội dung chỉ hợp lệ cho javascript chung ... background page là nơi tất cả API cụ thể của Chrome đều có khả năng chạy ... Trước tiên, bạn cần phải đăng ký nền của mình trang trong file manifest.json - như thế này:

"background_page": "background.html", 

Cũng trong file manifest, Cho phép các điều khoản yêu cầu:

"permissions": [ "notifications" ], 

Sau đó, kịch bản của bạn trong trang nền sẽ giống như sau:

<script> 
setTimeout("setNotification();",1); 
function setNotification(){ 
    var n 
    if (window.webkitNotifications.checkPermission() != 0){ 
    setNotification(); 
    return false; 
    } 
n = window.webkitNotifications.createHTMLNotification('http://www.your-notification-address.com'); 
n.show();} 
</script> 

Answer 2

Bạn không thể hiển thị thông báo trực tiếp thông qua tập lệnh nội dung. Nhưng, bạn có thể hiển thị chúng thông qua trang nền.

Bạn manifest.js nên tìm một cái gì đó như thế này:

{ 
"name": "Notify This", 
"version": "0.1", 
"permissions": [ 
    "notifications" 
], 
"background_page": "background.html", 
"content_scripts": [ 
    { 
    "matches": ["http://www.example.com/*"], 
    "js": ["contentscript.js"] 
    } 
] 
} 

Sau đó sử dụng chrome.extension.sendRequest():

// in your contentscript.js 
chrome.extension.sendRequest({msg: "Sup?"}, function(response) { // optional callback - gets response 
    console.log(response.returnMsg); 
}); 

Và vào cuối nhận bạn nên có một người biết lắng nghe onRequest:

// in your background.html 
    chrome.extension.onRequest.addListener(
    function(request, sender, sendResponse) { 

     // Create a simple text notification: 
    var notify = webkitNotifications.createNotification(
     '48.png', // icon url - can be relative 
     'Hello!', // notification title 
     request.msg // notification body text 
    ); 

    notify.show(); 

    setTimeout(function(){ notify.cancel(); },5000); 
    sendResponse({returnMsg: "All good!"}); // optional response 
    });