Chrome on 搁浅St的blog

那些年,我们玩过的离线安装

Thu, 26 Nov 2015 13:34:46 +0000

由于有些软件,都是下载一个安装器,然后在线安装,由于网速的原因,这种方式一旦失败,就只能重新安装,所以很坑,就找了些离线安装的方法

1 Adobe reader离线安装

下载离线安装版adobe reader https://get.adobe.com/cn/reader/enterprise/

2 chrome离线安装

Windows平台：

Chrome 离线安装包（仅 Windows 可用）：最新稳定版（Stable Channel）： http://www.google.com/chrome/eula.html?hl=zh-CN&standalone=1

最新测试版（Beta Channel）： http://www.google.com/chrome/eula.html?hl=zh-CN&standalone=1&extra=betachannel

最新开发版（Dev Channel）： http://www.google.com/chrome/eula.html?hl=zh-CN&standalone=1&extra=devchannel

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"
            }
        }

chrome扩展开发手记<2>-登录原理分析

Mon, 24 Nov 2014 11:18:00 +0000

上一篇,我们介绍了一下登录的流程,但是用程序进行登录的话,我们肯定不能那样一步一步,太过复杂,所以我们接下来分下一下登录的具体过程,看看能不能作一些简化

我们接下来,给几个页面编个号,下面好分析一点 A 最原始的跳转 http://120.202.164.10:8080/portal/?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=CMCC-EDU B 第一次改ssid http://120.202.164.10:8080/portal/?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=iWuhan-Free

C 第一次点击请点击登录以后的地址 http://120.202.164.10:8080/portal/loginFree.jsp?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=iWuhan-Free

D 第二次改ssid http://120.202.164.10:8080/portal/loginFree.jsp?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=CMCC520

从www.baidu.com跳转到A地址,这个步骤没什么特别的,服务器那边做了一个302跳转,然后我们这边就自动跳转到A地址了
第一次改ssid,也就是从A到B,这个过程也没什么,只是一个单纯的地址跳转,B地址中有一个表单这个表单里面主要包含四个字段, wlanacname:1022.0027.270.00 wlanuserip:10.80.97.209 ssid:iWuhan-Free userAgent_1:Mozilla/5.0 (Windows NT 6.2)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36
我们第一次点击请提交登录,所做的操作就是把上面的表单提交到 http://120.202.164.10:8080/portal/servlets/SingleLoginServlet 服务器返回的地址是C,这一步的表单提交主要是为了获取C的地址,就是因为多了的那个loginFree.jsp,这样下一步才能改ssid为CMCC520,否则,如果你越过这一步直接改ssid为CMCC520,就会跳转到其他的页面,比如下面这个这个地址如果点击提交,是没有办法正常登陆的,我们必须要到武汉的那个页面才行.
在我们到达C那个页面以后,我们再次修改ssid,就到了D页面,然后在D页面点击请点击登录,流程和上面的一样,页面效果也是一样,不过表单的值变了一个,具体表单post内容如下 wlanacname:1022.0027.270.00 wlanuserip:10.80.97.209 ssid:CMCC520 userAgent_1:Mozilla/5.0 (Windows NT 6.2)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36 提交以后,我们就可以登录成功了,成功以后服务器会做一个302跳转,页面跳转到一个登录计时的页面.

************************************************************************************************************************************************************ _ _ 从整体来看,最核心的一个操作就是向http://120.202.164.10:8080/portal/servlets/SingleLoginServlet提交一个表单,表单内容是 wlanacname:1022.0027.270.00 wlanuserip:10.80.97.209 ssid:CMCC520 userAgent_1:Mozilla/5.0 (Windows NT 6.2)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.111 Safari/537.36 然后,然后就没有然后了,那个最后计时页面的跳转没有多大的实际作用,我们只需要post这一个请求就好了下一步我们开始制作chrome扩展,核心也是要实现这个post的请求 ************************************************************************************************************************************************************ 退出登录也是如此,发一个get请求过去,然后从获得的内容中进行判断,判断成功与否 __

下线请求 http://120.202.164.10:8080/portal/servlets/LogoutServlet?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=CMCC520&ATTRIBUTE_USERNAME=iWuhanFree4300&ATTRIBUTE_UUID=26FBE9A694B6221958CF6DE2704F0ECA&ATTRIBUTE_IPADDRESS=10.80.97.209&cancelAutomatismLogin=false

表单实际内容

wlanacname:1022.0027.270.00

wlanuserip:10.80.97.209

ssid:CMCC520

ATTRIBUTE_USERNAME:iWuhanFree4300

ATTRIBUTE_UUID:26FBE9A694B6221958CF6DE2704F0ECA

ATTRIBUTE_IPADDRESS:10.80.97.209

cancelAutomatismLogin:false

chrome扩展开发手记<1>-需求分析

Fri, 21 Nov 2014 18:17:00 +0000

本人的学校在武汉,有CMCC-EDU的网络覆盖,中国移动和武汉市政府搞了一个活动,可以免费公益上网,说白了,就是可以免费使用EDU的网络,如图.

以上是前提.

这个网络的使用流程是这样子的.

你打开任何一个网址,比如http://www.baidu.com 都会跳转到 http://120.202.164.10:8080/portal/?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=CMCC-EDU 界面如图所示
接下来我们手动更改最上面的网址栏,把ssid改为iWuhan-Free,(注意大小写) 修改后的网址如下http://120.202.164.10:8080/portal/?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=iWuhan-Free界面如下
接下来我们点击,请点击登录按钮,系统反馈如下我们忽略这个警告,可以注意到,上面的地址栏已经变掉了,多了个loginFree.jsp完整的地址http://120.202.164.10:8080/portal/loginFree.jsp?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=iWuhan-Free
接下来,我们再改一次ssid,改为CMCC520,完整地址如下http://120.202.164.10:8080/portal/loginFree.jsp?wlanacname=1022.0027.270.00&wlanuserip=10.80.97.209&ssid=CMCC520 界面还是和上图一样,就不贴图了,我们再点击一次,请点击登录,然后就会跳到一个计时页面,这样就表示你登录成功,可以上网了

登录的流程走完了,下一篇,接下来我们分析一下登录的原理,简化一下登录的流程