我们创建一个文件夹 暂时叫做 PoetryTab吧

在其中创建一个manifest.json 和 PoetryTab.html

内容如下:

manifest.json

{"manifest_version": 2,"name": "PoetryTab","version": "1.0","description": "PoetryTab:为你的浏览增加诗意","author": "Fizz","icons": {"16": "img/cadillac.png","48": "img/cadillac.png","128": "img/cadillac.png"},"chrome_url_overrides": {"newtab": "PoetryTab.html"}
}

PoetryTab.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"/><title>五行缺诗</title>
</head>
<body>五行缺诗</body>
</html>

如图 :

然后在 chrome中访问 chrome://extensions/

点击

选中我们的插件根目录

更改插件代码后 点击刷新按钮即可重新加载

新建一个标签后 效果如下

自己动手制作一个Chrome插件 入门级相关推荐

  1. 怎样制作html插件,自己动手制作一个Chrome插件 入门级

    我们创建一个文件夹 暂时叫做 PoetryTab吧 在其中创建一个manifest.json 和 PoetryTab.html 内容如下: manifest.json {"manifest_ ...

  2. 制作一个chrome插件

    制作一个chrome插件 要做两方面的准备 文件准备 在文件夹中,必需的两个文件 manifest.json 用于配置文件 index.html 插件的界面效果 manifest.json的内容 { ...

  3. 快速制作一个chrome插件

    说在前面 在我日常开发以及娱乐生活中,浏览器是我使用频率较高的一个应用,当我大学拥有第一部电脑开始,之后不论电脑换成什么,以及使用的是什么系统,我的首选浏览器都是Chrome,不仅仅是因为其速度快,更 ...

  4. 怎么编写一个chrome插件

    怎么编写一个chrome插件 总觉得chrome插件这种东西很高端,很遥不可及.当然复杂的chrome插件开发起来确实比较困难,但是我们可以从一个简单的chrome插件demo慢慢入手,了解一下chr ...

  5. 虚幻4学习笔记(8)动手制作一个小游戏

    动手制作一个小游戏 新节点介绍 前期准备 搭建场景 门蓝图 灯蓝图 创建关卡蓝图 B站UP谌嘉诚课程:https://www.bilibili.com/video/BV164411Y732 新节点介绍 ...

  6. 设计和实现一个 Chrome 插件提升登录效率

    大家好,我是若川.最近组织了源码共读活动,感兴趣的可以点此加我微信ruochuan12 进群参与,每周大家一起学习200行左右的源码,共同进步.已进行4个月了,很多小伙伴表示收获颇丰. 前言 在我们的 ...

  7. 如何从零开始开发一个 Chrome 插件?

    什么是浏览器插件? 简单来说浏览器插件,是浏览器上的一种工具,可以提供一些浏览器没有的功能,帮你做一些有趣的事情.开发者可以根据自己的喜欢,去实现一些功能.插件基于Web技术(html.css.js) ...

  8. java 线程 插件_我的第一个Chrome插件:天气预报应用

    1.Chrome插件开发基础 开发Chrome插件很简单,只要会基本的前台技术HTML.CSS.JS就可以开发了. Chrome插件一般包括两个HTML页面background和popup. back ...

  9. 制作一个谷歌浏览器插件,实现网页数据爬虫

    一.什么是浏览器插件 浏览器插件,基于浏览器的原有功能,另外增加新功能的工具,是可定制浏览体验的小型软件程序,让用户可以根据个人需要或偏好来定制浏览器. 如拦截网页中的广告.划词翻译.倍速视频等等. ...

最新文章

  1. 唐骏:毕业5年决定你命运
  2. Spark 宽依赖和窄依赖
  3. loss 加权_【转载】keras 自定义 loss损失函数, sample在loss上的加权 和 metric
  4. 迷失第一季/全集Lost 1迅雷下载
  5. Linux 市场估值将超 70 亿美元,主要原因是安全与开源需求
  6. Spring Boot Executable jar/war 原理
  7. synchronized的作用以及不足
  8. CentOS 6.7 配置JSP运行环境之resin
  9. Eova项目嵌入前端页面介绍
  10. Vc++安装包_Visual C++ 6.0中文版安装包下载及安装教程
  11. mes系统服务器架构,MES系统三大层结构是什么
  12. 【20211009】【数学基础】极值点、驻点、拐点的区别和联系
  13. 【Python数据分析】二手车价格预测
  14. php exif信息,显示照片exif信息PHP代码
  15. 锐角云CEO许胜:因为认同,所以入行
  16. 三种方法绘制单位圆-R语言
  17. <数据结构> rear指针指向队尾元素 牺牲一个存储位置 的循环队列实现(C语言)(第4种/共6种)
  18. 0xc0000225无法进系统_Win10无法开机0xc0000225错误代码解决方法
  19. CPU与存储器连接习题
  20. linux电子数码相册实验报告,Linux实验报告.doc

热门文章

  1. 【STK入门01】插入STK对象
  2. pta 吃火锅(C语言实现)
  3. Git、GitHub、GitLab Flow,傻傻分不清?一图看懂各种分支管理模型
  4. LeetCode算法题个人笔记【数组】【简单1-5】【c++】
  5. 写博客,成专家;为了什么,成就了什么?
  6. python爬虫 : 汽车之家车型最新爬取解密方法
  7. 什么是离线浏览,有哪些常用的离线浏览器
  8. 大象医生.Net业务架构-将来
  9. Extractor.app学习
  10. 23种设计模式之工厂模式学习笔记