触发警报时显示对话框

时间:2015-10-09 22:13:38

标签: jquery google-chrome-extension

我正在尝试制作一个扩展程序,每小时向用户显示一个对话框。 我是Chrome扩展开发领域的新手。到目前为止,我已经设法在chrome中创建一个每六十分钟触发一次的警报。

基本上我希望扩展程序做的是:

chrome.alarms.onAlarm.addListener(showpopup);

 where showpopup is a function that 
 contains the code to launch a beautiful
 dialog box written in jquery.

的manifest.json

{
"permissions": [ "notifications",
                 "tabs",
                 "alarms"
    ],

"background": {
    "scripts": ["alert.js"],
    "persistent": false
},

"content_scripts" : [
{
    "matches" : [ "http://*/*" ],
    "js": ["hello.js"],
    "css": [ "hello.css" ]
} ],

背景事件page.js

function SwitchOn()
 {
     chrome.alarms.create('Alarm', {
     periodInMinutes: 1,
     delayInMinutes:  60
    });
 }

 function showpopup()
{
        alert("Inside function showpopup" + Date());

}
chrome.runtime.onInstalled.addListener(SwitchOn);

chrome.alarms.onAlarm.addListener(showpopup);

正如你所看到的,我目前每隔60分钟投掷一个丑陋的警报箱。相反,我想展示一个用jquery编写的漂亮的对话框。我打算使用像Bootbox这样的对话框库,它很可能有html,css和js文件。

我试图通过使用chrome.window.create创建一个新窗口来创建一个框来创建一个框,以创建链接到css和js文件的hello.html。但是,创建的新窗口是空白的,并且不显示jquery文件的输出。另外,我不想创建一个新窗口。我想在同一个标​​签页面中创建一个对话框。

chrome.windows.create({url: "hello.html", 
                   type:"popup",
                   focused: true, 
                  })

你能建议如何继续吗?

0 个答案:

没有答案