您的位置: 首页  >  文章  >  自定义Chrome浏览器新建标签页为空白页

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

分类: 文章 • 2022-10-05 09:09:14

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

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

第一步：manifest.json文件，利用文本文件编辑代码，保存为json文件。代码如下：

{
  "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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="html/text" charset="UTF-8" />
<meta name="keywords" content="startpage" />
<meta name="description" content="New tab" />

<title>New Start Page</title>
<link href="tab.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</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%;
}

（3）image文件夹：

在网页当前目录下建立image文件夹，在文件夹里面准备好四张图片，如图示：

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


第三步：利用Chrome打包成crx文件，步骤如下：

打开Chrome浏览器，在地址栏输入：chrome://extensions/，点击打包扩展程序按钮，选择文件目录以及证书文件，打包成功后回得到crx文件。

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

效果预览：

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



相关推荐