写一个chrome天气插件

275 阅读1分钟

最近摸鱼摸得有点无聊,就来随便搞点小玩意玩玩;然后就找了下怎么写chrome插件的方法;百度了一下,有位老哥总结了教程,很详细;贴一下老哥的博客地址。先来看看具体的效果吧!

代码很简单,用的还是jquery包,天气的接口拿的是和风天气api,代码已经上传到github 整个插件最重要的就是那份manifest.json文件了,里面配置了插件需要运行的一些条件;代码如下:

{
    "name": "weather",
    "version": "1.0",
    "manifest_version": 2,
    "description": "天气",
    "icons": {
        "16": "wr.png",
        "48": "wr.png",
        "128": "wr.png"
    },
    "background":
    {
        "page": "popup.html",
        "scripts": ["popup.js"]
    },
    "browser_action": {
        "default_title": "和风天气",
        "default_icon": {
            "16": "wr.png",
            "48": "wr.png",
            "128": "wr.png"
        },
        "default_popup": "popup.html"
    }
}

这个json对象里面的属性就不一一展开说了,上面提的那个老哥的博客就有,非常详细。

值得注意的一点是:

插件的HTML结构要与JS的代码分开来,不能在HTML文件里直接写JS代码,需要以引入的方式来