开发者社区> 问答> 正文

Chrome 插件开发之美空模特橱窗:报错

这里选择最夺人眼球(通常是男人,异常的时候会有女人)的美空模特封面展示,扩展了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/

展开
收起
kun坤 2020-06-08 11:03:32 670 0
1 条回答
写回答
取消 提交回答
  • " 在Chrome扩展中载入 "这个功能似乎只有开发版才有吧,稳定版没有。######稳定版要在地址栏输入chrome://extensions/######COOL ######表错!支持~继续看360的开发文档去~

    2020-06-08 15:25:21
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
《优酷响应式布局技术全解析》 立即下载
宏光S导航安装教程 立即下载
D2前端工程下一站 IDE 立即下载