【chrome extensions course】1.helloworld

作者 : 开心源码本文共973个字，预计阅读时间需要3分钟发布时间： 2022-05-13 共268人阅读

1. chrome extensions详情

chrome extensions值的是chrome浏览器扩展插件。它能加强chrome浏览器的功能，例如跨域插件，截屏插件，翻译软件，甚至少量小游戏等等。
你可以把一个extension了解为一个app

截图1559450226.png

2. 开发技术

chrome extensions的开发只需有html,css,javascript技术就快速上手

3. 入门项目hello world

github项目地址： yanglimou/chrome-extensions-study/tree/master/helloworld

0. 新建目录helloworld，项目结构如下

截图1559450692.png

1. manifest.json

每一个extension都有一个manifest.json文件，它是extension的形容文件

{    "manifest_version": 2,//形容extension的版本（这个基本不变，除非chrome浏览器升级了extension的开发版本，相似于开发安卓的安卓版本）    "name": "hello world",//该extension名称    "version": "1",//该extension的版本，更新需要添加    "description": "this is a hello world extension",//形容信息    "browser_action": {//表示这个extension是一个browser action extension        "default_popup": "hello.html",//点击弹出页面        "default_icon": "images/icon16.png"//工具栏的默认展现图标    },    "icons": {//相关显示图标        "16": "images/icon16.png",        "32": "images/icon32.png",        "48": "images/icon48.png",        "128": "images/icon128.png"    }}

2. hello.html

<!DOCTYPE html><html><head>    <title>hello world</title></head><body>    <h1>hello world</h1></body></html>

3. 安装

1.gif

4. have a try

形容插件浏览器版本项目

说明
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 【chrome extensions course】1.helloworld

分享到：