自定义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. <body background=YY.jpg style="margin: 0px;">
  2. </body>
复制代码
③保存为 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

你可能感兴趣的:(html,json,浏览器,chrome,url,扩展)