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

最新推荐文章于 2024-10-13 11:50:40 发布

PANGDD

最新推荐文章于 2024-10-13 11:50:40 发布

阅读量2.1w

点赞数 4

文章标签： chrome 扩展 html 浏览器 url json

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

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

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

三、方法介绍

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

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

{
"name": "XX",
"description": "XX Startpage",
"version": "1.0",
"chrome_url_overrides": {
"newtab": "XX.html" }
}

复制代码

保存并将文件命名为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文件中输入

<body background=YY.jpg style="margin: 0px;">

</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:///前缀），从而实现不出浏览器就看本地电子书的功能。

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