热门标签 | 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浏览器新建标签页为空白页》

 

 


推荐阅读
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 1.如何在运行状态查看源代码?查看函数的源代码,我们通常会使用IDE来完成。比如在PyCharm中,你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢?当我们想使用一个函 ... [详细]
  • golang常用库:配置文件解析库/管理工具viper使用
    golang常用库:配置文件解析库管理工具-viper使用-一、viper简介viper配置管理解析库,是由大神SteveFrancia开发,他在google领导着golang的 ... [详细]
  • 深入解析Android自定义View面试题
    本文探讨了Android Launcher开发中自定义View的重要性,并通过一道经典的面试题,帮助开发者更好地理解自定义View的实现细节。文章不仅涵盖了基础知识,还提供了实际操作建议。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 三星W799在2011年的表现堪称经典,以其独特的双屏设计和强大的功能引领了双模手机的潮流。本文详细介绍其配置、功能及锁屏设置。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
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社区 版权所有