我的 Chrome extensions 之 淘宝手机站助手

在比较早的时候，淘宝手机站在电脑上打开是没有链接跳转到PC站的，而手机站显示的内容又有限。看个商品大图很是蛋疼，于是这个手机站助手就出来了。
功能很简单，就是当浏览器访问*.m.taobao.com*的任何一个链接时，自动跳转到相应的PC站。

比如说，当你访问http://h5.m.taobao.com/awp/core/detail.htm?id=**********时，自动打开新的标签访问这个链接对应的http://item.taobao.com/item.htm?id=**********

实现方式很简单

先配置好extensions的manifest信息

manifest里面的各个参数可以参照Google给出的文档，还提供了各种示例  查看示例 只要你了解JS的语法。照着这些例子，基本上都能做出来自己想要的extensions

{
	"name": "taobao helper",
	"manifest_version":2,
	"icons": 
	{ 
		"16": "icon.png",             
		"48": "icon.png",            
		"128": "icon.png"
	},  
	"version": "1.0",
	"description": "Auto jump m.taobao.com to taobao.com",
	"background": { "scripts": ["background.js"] },
	"browser_action" :
	{ 
		"default_icon" : "icon.png",
		"default_title" : "taobao helper"
	},
	"permissions" : [
		"tabs"
	]
}

再编写background.js的内容

我这里添加了限制，只有在taobao.com下才对插件进行打开关闭操作。当插件关闭时，打开手机站是不会自动跳转到PC站。

var cookieName = "taobaoconvert_chromeplugs";


function setIco(tab) {
    if (tab.url.indexOf("taobao.com") >= 0) {
        //cheack cookie
        if (getCookie(cookieName) == null) {
            chrome.browserAction.setIcon({ path: "icon.png" });
        } else {
            chrome.browserAction.setIcon({ path: "icon_2.png" });
        }


    } else {
        chrome.browserAction.disable(tab.id);
    }
}




function jump(tab) {
    if (getCookie(cookieName) != null) {
        return;
    }
    if (tab.url.indexOf(".m.taobao.com") >= 0) {
        var id = getQueryStringByName(tab.url, "id");
        chrome.tabs.create({ url: "http://item.taobao.com/item.htm?id=" + id, selected: true });
        chrome.tabs.remove(tab.id);
    } else if (tab.url.indexOf(".m.tmall.com") >= 0) {
        var id = new RegExp(/i([0-9]+)/g).exec(tab.url)[1];
        chrome.tabs.create({ url: "http://detail.tmall.com/item.htm?id=" + id, selected: true });
        chrome.tabs.remove(tab.id);
    }


}


chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    if (changeInfo.status == "loading") {
        jump(tab);
        setIco(tab);
    }


});


chrome.browserAction.onClicked.addListener(function (tab) {
    if (getCookie(cookieName) == null) {
        SetCookie(cookieName, cookieName);
    } else {


        delCookie(cookieName);
    }
    jump(tab);
    setIco(tab);
});




function getQueryStringByName(url, name) {
    var result = url.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));
    if (result == null || result.length < 1) {
        return "";
    }
    return result[1];
}




function SetCookie(name, value) {
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
function getCookie(name) {
    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
    if (arr != null)
        return unescape(arr[2]);
    return null;


}
function delCookie(name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = getCookie(name);
    if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}

然后打包重新安装打包好的文件到你的 extensions

下载请移步  下载