chrome系扩展插件之JavaScript

chrome扩展

---

chrome扩展

年初曾经定了个计划，说是自己想要学下开发，入门么，就从当年大学毕业时励志要写的傲游扩展插件开始
傲游这两年已经变成了小众，看了下firefox，发现firefox的扩展是浏览器里最复杂的 （ 也是自己懒吧2333）
（cmd markdown不支持font字段？）
所以相较之下，还是chrome扩展容易入手也教程多，最终决定从chrome入手来学习

chrome扩展——manifest.json

万变不离其宗，chrome扩展说穿了其实也就是个前端开发的类目
类似于九阴真经，分为总纲——页面框架——js变量脚本
总纲对应的就是manifest.json，页面框架对应css、html语言，js脚本则是页面框架调用的变量说明

manifest.json：
以下是模版代码：

{
"app": {
    "background": {
        "scripts": ["background.js"]
    }
},
"manifest_version": 2,
"name": "My Extension",
"version": "versionString",
"default_locale": "en",
"description": "A plain text description",
"icons": {
    "16": "images/icon16.png",
    "48": "images/icon48.png",
    "128": "images/icon128.png"
},
"browser_action": {
    "default_icon": {
        "19": "images/icon19.png",
        "38": "images/icon38.png"
    },
    "default_title": "Extension Title",
    "default_popup": "popup.html"
},
"page_action": {
    "default_icon": {
        "19": "images/icon19.png",
        "38": "images/icon38.png"
    },
    "default_title": "Extension Title",
    "default_popup": "popup.html"
},
"background": {
    "scripts": ["background.js"]
},
"content_scripts": [
    {
        "matches": ["http://www.google.com/*"],
        "css": ["mystyles.css"],
        "js": ["jquery.js", "myscript.js"]
    }
],
"options_page": "options.html",
"permissions": [
    "*://www.google.com/*"
],
"web_accessible_resources": [
    "images/*.png"
]

}

ctrl+c +v了一套模版
从顶部依次往下
扩展形式说明（分为应用/扩展），然后版本、语言、扩展名称、图标的常规说明、标题，这些都是套用公式代码，google上有详细的说明调用文档
扩展————https://developer.chrome.com/extensions/manifest
应用————https://developer.chrome.com/apps/manifest

从page_action开始就是页面说明了
除去图标一类的常规说明 （ 也没几行。。。）
然后就是popup.html页面，主要对应扩展的背景页面声明，主体框架搭建
然后其余都是针对popup.html页面的js变量调用声明

ok，从开年到现在基本也就研究了这些东西，666666
难度系数说明：
manifest.json真心没啥难度，套公式；
popup.html稍微难些，不过高中大学应该玩过fontpage或者学过vb的基本没障碍，能看懂，比套公式多点代码思维
js最难看懂，前端的主要语言，下阶段的主要攻克目标！（ 不晓得1个月+能不能搞定2333，随便写个饭否的发布扩展嘛）

*强烈感谢：
图灵社区: 合集 : Chrome扩展及应用开发 http://www.ituring.com.cn/minibook/950

---

bazinga

选歌推荐：
春歌——周云蓬

此处输入图片的描述

昨天回家路上跟骑行的时候越听越喜欢，虽然已经听了很多遍了

“ 李白同志 作为一名唐朝的老共产党员 请问您下水救人的时候是怎么想的呢 啊 那天 日照香炉升紫烟 天气太热了 飞流直下三千尺 下水洗个澡
顺手把汪伦救起来了 桃花潭水深千尺 怎及李白救我情”

23333333 :-p
么么哒，爱你们