edge浏览器自定义空白新建标签页扩展 您所在的位置:网站首页 html5自定义标签 edge浏览器自定义空白新建标签页扩展

edge浏览器自定义空白新建标签页扩展

2023-04-13 05:58| 来源: 网络整理| 查看: 265

参考如下文章:

编写简单的空白新建标签页扩展

新建空白目录,创建:manifest.json 文件。

添加如下内容:

{ "name": "空白新建标签页", "version": "0.0.0.1", "manifest_version": 3, "description": "这是一个空白的新建标签页", "chrome_url_overrides": { "newtab": "newtab.html" } }

再创建:newtab.html 文件。

添加如下内容:

新建标签页

一个基本的空白标签页扩展就完成了(此页面内容可以自定义)。

加载扩展如下图,选择“扩展”,然后选择“管理扩展”(也可以直接输入: edge://extensions/ )。

2. 如下图,打开“开发人员模式”。

3. 如下图,选择“加载解压缩的扩展”,然后让你选择文件夹,选择之前创建的文件夹即可。

4. 结果如下图所示:

5. 最终结果如下图所示:

如果不喜欢新建标签页前面的黑框可以尝试如下操作编辑 newtab.html 文件。追加这行代码。完整代码如下: 新建标签页

2. 自己寻找一个现成的ico图标(注:是ico格式的,以ico为扩展名的文件),或者通过在线ico转换器转换,网址如下:

将文件名修改为favicon.ico并添加到目录中(newtab.html 文件同级目录)。

如果图标文件不显示扩展名,如下图,选“查看”,勾选“文件扩展名”。

3. 如下图,在扩展页面选择“重新加载”,如果此时有打开的“新建标签页”会自动改回edge自己的标签页,不用担心,关闭即可,之后新打开的“新建标签页”还是空白的。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有