热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

Chrome是我最喜欢的用的浏览器,速度快,稳定,但是有一点不喜欢,就是新建标签页中间总是有些常用网址以及搜索框,像狗皮膏药一样,既然已经有标签栏了,我觉得这些完全多余,所以就动手

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

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

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

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

image文件夹:

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

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

第二步: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

 
   
     
     
 
 
 

(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/,开启开发者模式

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

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

2、选择打包扩展程序

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

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

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

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

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

效果预览:

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

 

 


推荐阅读
  • 本文介绍如何在 Android 中自定义加载对话框 CustomProgressDialog,包括自定义 View 类和 XML 布局文件的详细步骤。 ... [详细]
  • 我有一个从C项目编译的.o文件,该文件引用了名为init_static_pool ... [详细]
  • 本文详细介绍了如何在项目中引入和配置KindEditor网页编辑器,包括脚本引用、初始化编辑器以及文件上传功能的实现。 ... [详细]
  • 2022年2月 微信小程序 app.json 配置详解:启用调试模式
    本文将详细介绍如何在微信小程序的 app.json 文件中启用调试模式(debug),并通过实际案例展示其配置方法和应用场景。 ... [详细]
  • 如果应用程序经常播放密集、急促而又短暂的音效(如游戏音效)那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点:1)延时时间较长,且资源占用率高 ... [详细]
  • 解决Only fullscreen opaque activities can request orientation错误的方法
    本文介绍了在使用PictureSelectorLight第三方框架时遇到的Only fullscreen opaque activities can request orientation错误,并提供了一种有效的解决方案。 ... [详细]
  • MySQL 5.7 学习指南:SQLyog 中的主键、列属性和数据类型
    本文介绍了 MySQL 5.7 中主键(Primary Key)和自增(Auto-Increment)的概念,以及如何在 SQLyog 中设置这些属性。同时,还探讨了数据类型的分类和选择,以及列属性的设置方法。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 2020年9月15日,Oracle正式发布了最新的JDK 15版本。本次更新带来了许多新特性,包括隐藏类、EdDSA签名算法、模式匹配、记录类、封闭类和文本块等。 ... [详细]
  • 通过将常用的外部命令集成到VSCode中,可以提高开发效率。本文介绍如何在VSCode中配置和使用自定义的外部命令,从而简化命令执行过程。 ... [详细]
  • 本文详细介绍了在 CentOS 7 系统中配置 fstab 文件以实现开机自动挂载 NFS 共享目录的方法,并解决了常见的配置失败问题。 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • Python 3 Scrapy 框架执行流程详解
    本文详细介绍了如何在 Python 3 环境下安装和使用 Scrapy 框架,包括常用命令和执行流程。Scrapy 是一个强大的 Web 抓取框架,适用于数据挖掘、监控和自动化测试等多种场景。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • MySQL Decimal 类型的最大值解析及其在数据处理中的应用艺术
    在关系型数据库中,表的设计与SQL语句的编写对性能的影响至关重要,甚至可占到90%以上。本文将重点探讨MySQL中Decimal类型的最大值及其在数据处理中的应用技巧,通过实例分析和优化建议,帮助读者深入理解并掌握这一重要知识点。 ... [详细]
author-avatar
太阳神神神_890
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有