4
回答
Chrome 插件开发之美空模特橱窗
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

这里选择最夺人眼球(通常是男人,异常的时候会有女人)的美空模特封面展示,扩展了chromePageOverrite:newTab事件,也就是在新建一个tab窗口的时候读取美空模特封面,Grid方式显示,单击能连接到模特主页。我们使用瑞士军刀(很多Coder这样说)JQuery最新版,并利用开源的JQeury Gallery插件来美化橱窗。
好了,首先声明Chrome插件Meta,JSON格式的描述符:

{
	"name" : "MyChromeDesktop",
	"version" : "1.0",
	"description" : "My Chrome Desktop",
	"defualt_locale" : "zh",
	"chrome_url_overrides" : {
		"newtab" : "index.htm"
	},
	"permissions" : [
                //记得把网址加入Chrome白名单,因为我们要跨域获取数据
		"http://www.moko.cc/"
	]
}

然后创建界面index.htm,跟我们熟悉的html编码方式没什么两样,引入可爱的JQeury吧,然后在文档加载完成的时候$(document).ready(func),$.get(“指定页面”,func(){解析数据填充到html某一个节点下})

这。。这。。实在太够熟悉了。。

下载源码:MyChromeDesktop,解压,在Chrome扩展中载入这个目录,最后记得把网址加到Chrome白名单, 再重申一下  。如果打算改进,可以直接修改目录内文件,页面刷新下就有变化的。

最后要不要来一张效果图,好的


原文摘自:http://www.tinyms.com/archive/2011/09/17/chrome-plugin-dev-for-moko/

举报
天界王者
发帖于6年前 4回/735阅

以下是话题补充:

  • @天界王者 :其实已经替换掉了Chrome启动界面,打开Chrome就呈现这个界面 (6年前)
顶部