cmcc520扩展使用说明

Mon, 24 Nov 2014 21:56:00 +0000

我的cmcc520 2.0版本终于完成了,写个使用说明

学校部分范围有CMCC-EDU可用,通过手动修改ssid,可以免费使用.

写了个扩展来简化这个过程.

1 安装扩展将保存下来的 *.crx 文件或*.js 文件直接拖拽到浏览器的“扩展程序”（[chrome://chrome/extensions](“Chrome 扩展程序页面”)/）页面。

( 注：只有拖动到此页面才能安装，其它页面无效)

　　2. 按照提示安装

详细安装过程见http://www.williamlong.info/archives/3160.html

3,配置软件功能

左键点击图标,可以选择开关扩展功能(默认为开启)

4.使用软件

如果软件的功能打开,那么如果当你使用cmcc-edu的时候会自动跳转完成登录,不再需要手动操作,登录成功页面如下,你可以关闭这个页面了

5.下线

在任何页面按ALT+X 可以下线

Ps,如果按Alt+x无任何提示,可能是快捷键设置有问题

那就需要你按照上图手动设置快捷键

6 反馈如果发现任何bug,可以和我联系

新浪微博http://weibo.com/517123263 Github项目地址 https://github.com/Jackroyal/cmcc520 我的csdn博客 http://blog.csdn.net/jackroyal

2014/11/24

chrome扩展开发手记-chrome扩展开始第一步manfest.json

Mon, 24 Nov 2014 15:16:00 +0000

参考文档 https://lmk123.duapp.com/

下面开始写chrome扩展了,第一步就是看文档,官方文档有入门指导,先要过一遍

我们首先来编写第一个文件manfest.json,这是一个清单文件,告诉系统,我有哪些文件,需要申请哪些权限都在里面,下卖弄给出我的manfest.json

{
    "name":"cmcc520",//扩展的名称
    "version":"2.0",//扩展的版本号,随便写
    "description":"powered by 搁浅St",//扩展的描述,就是在chrome://extension页面中,扩展名称下面的几个字
    "background": {//background.js,整个扩展的运行,有个页面在后台运行
        "scripts": ["js/function.js","bg.js"],
        "persistent": false
    },
    "page_action":{//比较常见有page_action和browser_action有,page会出现在地址栏末端,browser会在浏览器上显示一个图标
        "default_icon":"icon-48.png",
        "default_popup": "popup.html",//popup.html点击弹出的页面
        "default_title":"cmcc520"
    },
    "permissions" : [//申请内容脚本的权限,在插入内容到页面时,需要用哪些权限,此处必须声明
        "tabs", "http://\*/\*"
    ],
    "icons" : {//图标设置
        "48" : "icon-48.png",
        "128" : "icon-128.png"
    },
    "commands": {//快捷键设置
        "logout_cmcc": {
            "description": "退出CMCC登录",
            "suggested_key": {
                "default": "Alt+X"
            }
        }
    },
    "manifest_version":2//manifest_version,现在版本1已经不支持,统一都写成2

}

简单的属性,这里不再赘述,我重点说一下background,page_action,permissions和commands.

background 它是一个包含扩展程序主要逻辑的不可见页面。扩展程序也可以包含其他页面，展现扩展程序的用户界面。如果扩展程序需要与用户加载的网页交互（相对于包含在扩展程序中的页面），扩展程序必须使用内容脚本。后台网页分两种：持续运行的后台网页与事件页面(设置persistent属性)。正如它们的名称所述，持续运行的后台网页保持打开状态，事件页面根据需要打开与关闭。除非您绝对需要您的后台网页一直运行，请首选事件页面。

    "background": {//background.js,整个扩展的运行,有个页面在后台运行
        "scripts": ["js/function.js","bg.js"],
        "persistent": false
    },

比如我的这个后台执行就是这样的

采用pageaction还是browseraction取决于你是否想让图标一直可见.`

如图,绿色的是广告终结者,他的图标是pageAction,后面的印象笔记还有switchproxy是browserAction.一般来说,适用于少数页面的扩展建议使用pageaction,适用于大多数页面的建议使用browseraction

permissions属性,用来设置和conten_script相关的选项,举个例子,如果你想插入一段代码到页面中去执行,操作页面上的dom,那就写个content_script就行了,使用 content_scripts 字段，扩展程序可以向一个页面中插入多个内容脚本，每个内容脚本可以有多个 JavaScript 和 CSS 文件,详细情况请看这里https://lmk123.duapp.com/extensions/content_scripts

我现在在做的一个扩展就是做这样的事,百度的搜索结果会先跳到一个百度的网址,然后才是目标网址,我可以使用cotent_scripts来插入脚本,修改百度搜索结果的链接,让他直接跳转到目标页面,而不是百度的搜索结果页面.

commands选项是设置快捷键,然后给快捷键设置事件监听,这样我们按快捷键就会执行相应操作.

        "logout_cmcc": {//某个快捷操作的名称
            "description": "退出CMCC登录",//快捷操作的描述
            "suggested_key": {//默认推荐的快捷键,不能与系统默认的快捷键冲突,否则就会失灵,需要用户手动去设置
                "default": "Alt+X"
            }
        }

脚本 on 搁浅St的blog

cmcc520扩展使用说明

chrome扩展开发手记-chrome扩展开始第一步manfest.json