前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自己动手制作一个Chrome插件 入门级

自己动手制作一个Chrome插件 入门级

作者头像
拿我格子衫来
发布2022-01-24 09:37:53
2330
发布2022-01-24 09:37:53
举报
文章被收录于专栏:TopFETopFE

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

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

内容如下:

manifest.json

代码语言:javascript
复制
{
  "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

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>五行缺诗</title>
</head>
<body>五行缺诗</body>
</html>

如图 :

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

点击

选中我们的插件根目录

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

新建一个标签后 效果如下

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档