自定义Chrome浏览器新建标签页为空白页

Chrome是我最喜欢的用的浏览器，速度快，稳定，但是有一点不喜欢，就是新建标签页中间总是有些常用网址以及搜索框，像狗皮膏药一样，既然已经有标签栏了，我觉得这些完全多余，所以就动手弄了个扩展，把标签页直接设置为空白页，背景设置为一张喜欢的图片。

制作Chrome扩展需要以下几步：

首先建立一个单独的文件夹，用来存放相关文件，比如建立个文件夹：StartPage

第一步：准备图片和图标图片

image文件夹：

在创建的StartPage文件夹下建立image文件夹，在文件夹里面准备好四张图片，如图示：

第二步：manifest.json文件

利用文本文件编辑代码，保存为json文件于StartPage文件夹里。代码如下：

{
"manifest_version":2,
"version":"1.0",
"name":"NewTab",
"description":"New Start Page",
"icons":{"16":"image/icon16.png","48":"image/icon48.png","128":"image/icon128.png"},
"chrome_url_overrides":{"newtab":"NewTab.html"}
}

第三步：编辑简单的空白网页文件

代码如下：

（1）html文件：NewTab.html
<html>
<head>
<title>New Start Page</title>
<link href="tab.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
</body>
</html>

（2）CSS文件：tab.css

body{
background-color:#e0ffff;
margin-left:20%;
margin-right:20%;
padding:10px 10px 10px 10px;
background-image:url("image/MM.jpg");
background-size:100%;
}

当然，NewTab.html文件和tab.css文件也保存在StartPage文件夹下

第四步：利用Chrome打包成crx文件

步骤如下：

1、打开Chrome浏览器，在地址栏输入：chrome://extensions/，开启开发者模式

2、选择打包扩展程序

3、选择扩展程序目录，就是创建的StartPage文件目录，私钥文件忽略，点击打包扩展程序

然后在StartPage文件同级目录下会出现两个文件StartPage.pem和StartPage.crx文件，恭喜，crx文件就是你想要的自定义标签页了文件了。

4、将产生的crx文件直接拖入chrome://extensions/下就可以安装完成，打开新标签页试一试吧！

效果预览：

自定义Chrome浏览器新建标签页为空白页相关推荐

python-办公自动化-Word转PDF、奇数页插空白页、合并PDF
这里写自定义目录标题前言一.办公自动化基础 1.批量处理-import os 2.批量处理-生成文件列表 3.批量处理-循环语句二.批量Word转PDF 三.奇数页插入空白PDF 四.合并PDF ...
java PDF最后一页添加空白页
PdfReader reader = new PdfReader(src); FileOutputStream out = new FileOutputStream(new File(pdfPath) ...
火狐浏览器打开新标签页为空白页
个人比较喜欢用firefox浏览器每次打开新标签页的时候,都只是一个空白页,还得自己输入地址...好麻烦. 在地址栏,输入 about:config,然后按 Enter. 可能会出现这样可能会失 ...
Chrome 浏览器打卡新标签页，重定向到指定网址，如 https://www.baidu.com/
Google Chrome 浏览器.VPN 0.打开 Google Chrome 浏览器的网上应用店 1.搜索插件 New Tab Redirect,添加至 Chrome 浏览器 2.添加完成后,打开 ...
Vue中，解决在浏览器浏览项目出现空白页的情况
文章目录 1.问题描述: 2.问题解决办法: 3.问题解决详细过程: 1.问题描述: 今天,要将使用 Vue 前端框架编写的项目,想要在服务器进行项目的部署,由于Vue框架的 webpack 具有打包 ...
Latex 排版第一页出现空白页
问题: 在用IEEE journal写论文时,把作者的部分修改了以下,出现以下问题: 生成的文档首页出现了一页空白页,如下: 原因: \thanks{}模块的格式错误. \thanks{}是隶属于\a ...
java 用PDFBox 删除 PDF文件中的一页，空白页啥的，此处删除最后一页为例 spring boot
依赖: <dependency><groupId>org.apache.pdfbox</groupId><artifactId>pdfbox-app&l ...
word双栏排版，最后一页由于分节符造成最后一页是空白页，删除分节符双栏就变成了单栏
遇到这个问题时,我们把心思都花在了如何"删除"这个空白页. 但是最有效的办法不是"删除",而是(以word2007为例): Word 2007中文版: 鼠标放在 ...
word 目录里面添加分节符下一页出现空白页的解决方法
解决方法: 不要"插入下一页分节符"! 在目录后一页的页首,插入分隔符--连续,打开"页眉和页脚工具条",光标置于页脚,点页眉页脚工具条上的"链接到前 ...

自定义Chrome浏览器新建标签页为空白页

自定义Chrome浏览器新建标签页为空白页相关推荐

最新文章

热门文章