当前位置:首页 > 开发 > Web前端 > 前端 > 正文

Chrome扩展 新建扩展 从HelloWorld开始

发表于: 2010-11-13   作者:hotsunshine   来源:转载   浏览次数:
摘要: 虽然觉得Hello World有点俗,但是还是决定从他开始 新建一个chrome的hello world插件非常容易 1 建一个文件夹 任意命名 在文件夹下放一个icon.png 的小图标 创建一个名为manifest.json文件 文件内容如下: { "name": "Hello World Extension", &
虽然觉得Hello World有点俗,但是还是决定从他开始

新建一个chrome的hello world插件非常容易

1 建一个文件夹
任意命名
在文件夹下放一个icon.png 的小图标
创建一个名为manifest.json文件
文件内容如下:
{
  "name": "Hello World Extension",
  "version": "1.0",
  "description": "about hello world",
  "browser_action": {
    "default_icon": "icon.png"
  }
}


2 载入扩展
点击地址栏后面扳手图标,工具-> 扩展程序 进入扩展页面 ->  载入正在开发的扩展程序 填写文件夹的地址,就可以看到 图标 显示在了地址栏后面

3 弹出hello world
添加hello.html文件,放一句hello world进去
修改manifest.json

  "browser_action": {
    "default_icon": "icon.png",
    "popup": "hello.html"
  }

重新载入扩展文件夹即可显示效果

Chrome扩展 新建扩展 从HelloWorld开始

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
豆瓣上一位网友推荐的chrome扩展,很不错 一下是自己的扩展 Ctrl+Alt+Double Click to disable/enab
  最近看到公司同事经常写chrome扩展,来提高生成效率,回想想自己以前也写过chrome扩展,但是由
现在越来越多的用户将chrome浏览器设置为自己默认的浏览器,不仅是因为他的界面美,最重要的是他对h
Google 发布了一款重量级的 Chrome 扩展,名为 Chrome Remote Desktop,通过它你可直接在 Chrome/Ch
也许你已经安装了太多太多的扩展了,而有些扩展可能临时才会用一下,其实不用的时候不如把他们禁用
文章目的 解决Android官网被墙后离线文档查看不是很方便的问题。 简介 因为虽然是离线文档,但是实
升级chrome后发现以前的youtube视频下载的插件不见了,再次安装,说是只能使用chrome应用商店来安装,
名称:Google搜索结果还原 描述:中了关键字陷阱?之前的Google搜索结果打不开?试试这个扩展吧!
这是制作chrome扩展插件的入门指南,不需要任何编程基础,看完这个后,我们就着手做自己的Chrome插
ActiveX控件的强制捆绑使国内的网银只能在IE或基于IE内核的浏览器上登陆,此次的Chrome浏览器上的Ac
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号