`

简单的chome扩展

阅读更多
简单的chrome extension,参考Getting Started

在新建的文件夹下有如下三个文件:
  • manifest.json
  • icon.png
  • popup.html


icon.png是显示在chrome工具的图标,popup.html是弹出窗口的显示,而manifest.json是chrome extension的配置文件,指定图标,内容文件等。

manifest.json的内容如下:
{
    "name": "My First Extension",
    "version": "1.0",
    "description": "The first extension that I made",
    "browser_action": {
        "default_icon": "icon.png",
        "popup": "popup.html"
    },
    "permissions": [
        "http://api.flickr.com/"
    ]
}


browser_action说明这个扩展是一个browser actionmanifest.json完整格式请参考:http://code.google.com/chrome/extensions/manifest.html

用chrome打开chrome://extensions/,即chrome扩展程序页面,点击按钮"载入正在开发的扩展程序",在文件窗口中选择如上扩展程序所在文件夹即可。chrome将载入正在开发的extension。在该页面中可以打扩展程序,可以重新加载或卸载正在开发的extension.
  • 大小: 12.8 KB
分享到:
评论

相关推荐

    chrome扩展(V3版)简单实例

    此篇文档介绍了一个基于Chrome扩展V3版标准的简易实例。该实例旨在帮助用户在浏览特定业务系统时,能够快速识别出符合特定规则的条目,并通过视觉提示(如改变背景色)来突出显示这些条目。这对于处理大量数据或需要...

    Chrome扩展及应用开发.pdf

    - 介绍如何从零开始创建一个简单的Chrome扩展,包括设置项目结构、编写基本代码等步骤。 - **Manifest文件格式** - `manifest.json` 文件是每个Chrome扩展的核心配置文件,用于声明扩展的基本信息(如名称、版本...

    chrome扩展Charset.rar

    使用“Charset.crx”文件安装Chrome扩展的过程相对简单。首先,用户需要在Chrome浏览器中开启开发者模式(在浏览器设置中找到扩展页面,勾选“开发者模式”选项)。然后,将下载的“Charset.crx”文件拖拽到浏览器的...

    一个简单的Chrome扩展——Back to Top(附源码)

    NULL 博文链接:https://fantasticinblur.iteye.com/blog/965074

    实现热加载的Chrome扩展

    在开发Chrome扩展时,我们经常需要频繁地更新代码并测试效果,传统的手动刷新浏览器插件的方式效率低下。为了解决这个问题,"实现热加载的Chrome扩展"是一个实用的技术方案,它利用JavaScript的特性来实现无需每次...

    elasticsearch-head chrome扩展

    **Elasticsearch-Head Chrome扩展详解** Elasticsearch-Head是一款强大的开源工具,它作为Chrome浏览器的扩展程序,专门设计用于交互式地管理和监控Elasticsearch集群。这个扩展提供了直观的用户界面,允许用户轻松...

    Chrome扩展插件开发Manifest V3案例:把某招聘网站上的招聘信息导出Excel

    在本文中,我们将深入探讨如何使用Chrome扩展插件开发技术,特别是Manifest V3规范,将特定招聘网站的数据导出到Excel文件。这个案例是前端开发者掌握Chrome插件开发的一个实用示例,它涉及到网页数据抓取、数据处理...

    chrome-extension-form-autofill:一个简单的chrome扩展程序自动填充表格的源代码,这将帮助您入门并成为chrome扩展程序的主人-Form source code

    一个简单的chrome扩展程序自动填充表格的源代码,这将帮助您入门并成为chrome扩展程序的主人 学习编写自己的简单chrome扩展在本文中,您将学习创建一个简单的chrome扩展(需要HTML和Javascript的基本知识)有多么...

    Chrome扩展程序LiveReload.zip

    Chrome扩展程序LiveReload是一款强大的网页开发辅助工具,它主要用于提高前端开发者的工作效率。这款扩展程序在Chrome浏览器上运行,能够实现在代码修改后自动刷新页面,使得开发者无需手动刷新浏览器就能看到更新的...

    Chrome扩展小程序源代码

    1. **manifest.json**:这是每个Chrome扩展的核心配置文件,它定义了扩展的元数据(如名称、版本、描述等),以及扩展的权限、内容脚本、背景脚本、图标等关键信息。通过解析manifest.json,浏览器知道如何加载和...

    Chrome 扩展-及应 用开发

    Chrome扩展和应用开发是针对谷歌浏览器Chrome的一套开发框架,允许开发者创建可增强浏览器功能和用户体验的插件或独立应用。开发者可以使用HTML、CSS和JavaScript等网页技术开发这些扩展,同时,也可以利用Chrome...

    chrome 扩展

    Chrome扩展是Google Chrome浏览器的一种功能,允许用户通过安装第三方软件来增强或定制浏览器的功能。这些扩展通常以`.crx`文件形式存在,包含了HTML、CSS、JavaScript和其他资源,可以实现从简单的小工具到复杂的...

    Axure谷歌浏览器Chrome扩展程序

    "Axure谷歌浏览器Chrome扩展程序"就是为了解决这个问题而设计的,它使得用户能够在Google Chrome浏览器中直接打开和预览Axure RP文件(.axp或.axpr)。 安装这个扩展程序非常简单,但关键在于正确执行步骤。首先,...

    Google Chrome扩展程序迅雷下载

    【谷歌Chrome扩展程序迅雷下载】是一个非常实用的功能,它使得用户在使用谷歌浏览器(Google Chrome)时,能够更方便地利用迅雷下载工具来处理大文件,特别是从百度云等平台获取文件时,无需通过百度网盘客户端或...

    Chrome扩展开发指南

    1. **Manifest文件**:每个Chrome扩展的核心是`manifest.json`文件,它是一个JSON格式的配置文件,包含了扩展的元数据和功能描述。例如,`name`、`version`和`description`字段定义了扩展的基本信息,`browser_...

    chrome缓存清除扩展程序,通过js清除chrome缓存的api演示

    本文将详细介绍如何使用Chrome扩展程序以及JavaScript API来实现这一功能。 首先,我们要了解Chrome扩展程序(Extension)的概念。Chrome扩展是基于Web技术(HTML、CSS和JavaScript)构建的小型软件应用,它们可以...

    Active FOR Chrome 扩展

    简单、快速、安全!不使用IE Tab等IE控件的情况、不需要内核切换、不需要装多个浏览器,一步到位解决Chrome浏览器网银、上传等疑难杂症! 只需要在设置----扩展拉入extension.crx文件,按提示选择操作就ok了

    Chrome扩展及应用开发

    Chrome扩展可以是简单的按钮、工具栏插件,也可以是复杂的桌面应用,它们通过Manifest文件定义配置,并使用HTML、CSS和JavaScript编写。Manifest文件是一种JSON格式的文本文件,用于描述扩展的基本信息、权限和资源...

Global site tag (gtag.js) - Google Analytics