自定义chrome新建标签页的方法

对chrome的默认新建标签页不满意？
自己动手，DIY一个吧~

一、准备工作
1、记事本软件，推荐使用Notepad++进行编辑
2、准备好图片素材

---

二、原理介绍
实质就是让自定义的html文件成为chrome新建标签页

---

三、方法介绍

步骤一：创建XX文件夹
注：1、其中XX可以换成你想要的任何名称，下同
2、之后的步骤中创建的文件都应该放在此文件夹之中

---

步骤二：创建manifest.json文件
先创建一个TXT文件
然后用记事本或Notepad++进行编辑
输入以下内容

1. {
   
2. "name": "XX",
   
3. "description": "XX Startpage",
   
4. "version": "1.0",
   
5. "chrome_url_overrides": {
   
6.     "newtab": "XX.html" }
   
7. }

复制代码

保存并将文件命名为manifest.json（注意：文件扩展名为json）

---

步骤三：创建XX.html文件
依然是先创建一个TXT文件
然后用记事本或Notepad++进行编辑，然后改变文件名称成“XX.html”即可
注意：如果内容中有中文，须用utf-8格式编码
熟悉html代码的童鞋就可以自由发挥了
不熟悉的也不要紧，这里有几个现成的模板

Ⅰ、Chrome start pages by =White-Baron

链接地址 →link
下载地址 →link
将html文件中的http地址补全即可

Ⅱ、cloudglass startpage chrome by_pu22pu-d3er09c
链接地址 →link
下载地址 →link

---

对于这个设计，个人比较喜欢，于是就自己补充了一下，做了一个扩展
效果如下图

附件下载：

Ⅲ、简洁型
1、如果是只需要空白标签页的话，那么就可以不用编辑，直接保存为 XX.html文件即可
2、如果想要有背景的空白标签页的话，那么按以下步骤做
①将你想要的背景图片放到 XX文件夹中，假设其文件名为 YY.jpg
②在txt文件中输入

1. 
   

复制代码

③保存为 XX.html文件即可
懒人通道： 好吧，我已经做好了一个空白的新建标签页，想要的就拿出用吧=w=
附件下载：
3、如果是想新建标签页打开某一网页的话，那么请参考这一文章 http://bbs.kafan.cn/thread-1047032-1-1.html

 

---

步骤四：使用chrome进行打包
1、点击chrome扳手→工具→扩展程序（或者直接在地址栏输入chrome://extensions/）
2、点击开发人员模式
这时你会看到

开发人员模式：  载入正在开发的扩展程序...  打包扩展程序...  立即更新扩展程序

选择“打包扩展程序... ”，浏览扩展程序根目录，选择一开始就建好的XX文件夹，然后点击确定即可
3、XX.crx文件会在XX文件夹的上一级文件夹中生成，将这个crx文件拖入chrome浏览器窗口安装即可

---

好了，大功告成了，以后新建的标签页就是你自定义的那个了~~
注：如果要卸载，只需要在扩展程序中卸载XX扩展即可

---

后记

使用这种方法的优点是：
1、完美解决chrome新建标签页打开空白页面或者某一网址的难题
2、可玩性强，想怎么搞就怎么搞
3、通过扩展实现，而且该扩展不占内存，方便轻巧，也便于卸载

缺点也很明显：
失去了显示最常访问网站、安装的应用程序、最近关闭网址等chrome默认新建标签页的基本功能。
在实验过程中，我本想通过在html文件中，填写chrome参数的方式，实现打开历史记录等功能，但是发现chrome对此没有反应，只有右击”在新标签页打开“时才可打开相应页面。

启发点：
chrome由于自带pdf插件，所以可以打开pdf文件
利用这一特性，你也可以在html文件中填写pdf文件所在文件的URL地址（但必须加上file:///前缀），从而实现不出浏览器就看本地电子书的功能。

最后的最后，希望有兴趣的童鞋，做好之后跟大家在这里一起分享~~
独乐乐不如众乐乐嘛

 

 

 

 http://bbs.kafan.cn/thread-1046868-1-1.html