多彩编程 多彩编程MZPH · CODE BLOG
ARTICLE DETAIL

文章详情

深耕前端与后端开发技术的一线实战笔记与踩坑复盘。

NewTab-Redirect 终极指南:3 步让 Chrome 新标签页自动打开你想要的页面,免费又轻松

NewTab-Redirect 终极指南:3 步让 Chrome 新标签页自动打开你想要的页面,免费又轻松 NewTab-Redirect 终极指南3 步让 Chrome 新标签页自动打开你想要的页面免费又轻松【免费下载链接】NewTab-RedirectNewTab Redirect! is an extension for Google Chrome which allows the user to replace the page displayed when creating a new tab.项目地址: https://gitcode.com/gh_mirrors/ne/NewTab-Redirect你有没有这样的时刻每天上班第一件事就是打开浏览器先按CtrlTMac 上是CmdT新建标签页再手动敲一遍工作邮箱、项目看板或者搜索引擎的网址日复一日这一串机械动作至少浪费你几秒钟而几秒钟在忙碌的工作日里也能积少成多。如果新标签页打开的那一瞬间就已经是你最想看的页面该有多好NewTab-Redirect 正是为这件事而生的 Chrome 扩展。它允许你自由设置新建标签页时显示的内容——可以是任意网站、Chrome 内置管理页面甚至是你亲手写的本地 HTML 文件。项目完全免费、开源MIT 协议核心逻辑非常轻量安装后几乎零感知却能在每一天为你省下无数次重复输入。30 秒看懂它一句话讲清 NewTab-Redirect 是什么你可以这样理解Chrome 默认的新标签页是一张白纸而 NewTab-Redirect 把它变成了一本可定制的小本子。你在扩展的选项页里填一个地址保存之后每次新建标签页都会自动跳到那里。它适合谁几乎所有人上班族想让新标签页直接打开邮箱或工作台开发者想快速进入 GitHub、本地文档或chrome://调试页面喜欢折腾的玩家想用自己的 HTML 做一个独一无二的新标签页。它还能把历史记录、下载管理、扩展管理这些 Chrome 内部页面也设为新标签页的跳转目标。安装、填地址、保存三步而已。上图是 NewTab-Redirect 的选项配置页你可以在输入框里填任意网址或直接点击下方的 Popular Pages / Chrome Pages 快捷按钮完成设置。从零到上手两分钟让效果立刻出现先别急着研究各种高级选项我们走一遍最小路径确认它能跑通。第一步安装。普通用户直接去 Chrome 网上应用店搜索 New Tab Redirect点击添加到 Chrome即可想折腾源码的开发者可以用下面的命令把仓库克隆到本地然后在chrome://extensions页面开启开发者模式选择加载已解压的扩展程序指向仓库目录git clone https://gitcode.com/gh_mirrors/ne/NewTab-Redirect第二步配置。安装完成后点击 Chrome 工具栏里的扩展图标进入Options选项页。你会看到一个输入框往里填你想让它打开的内容比如https://mail.google.com第三步验证。保存后新建一个标签页CtrlT/CmdT。如果它瞬间跳转到了 Gmail恭喜你已经完成全部核心配置了。就这么简单对核心功能就是这么简单。它甚至贴心地内置了一批一键保存按钮Popular Pages 里有 Facebook、Twitter、Reddit 等常用站点Chrome Pages 里则有 Extensions、History、Downloads 等内置页面点一下图标就等于完成设置连打字都省了。这些快捷页面的清单定义在 js/options_constants.js想改默认列表也可以直接看源码。场景一把新标签页变成你的专属工作台入口这是最实用、也最值得先设置的一个场景。假设你是个开发者每天打开浏览器第一件事就是上 GitHub 看仓库动态、进邮件回消息、再开一个在线文档。与其一个个输入不如让新标签页直接落在其中一个。打开选项页在输入框里填https://github.com保存然后按CtrlT。每一次新建标签页GitHub 都在等着你。如果你连默认停在哪个页面都想更聪明一点可以留意选项页里那个小小的复选框Always update tab, not redirect。勾选它之后扩展会以更新当前标签而不是整页跳转的方式工作好处是地址栏会自动获得焦点方便你直接输入新的搜索词——这对经常在标签页和地址栏之间切换的重度用户非常友好。浏览器本身不允许扩展接管地址栏的光标控制这已经是目前能做到的最顺滑方案如果你仍想快速高亮地址栏随时可以按CtrlL。场景二直达 Chrome 内置页面管理操作省一半第二个高频场景是管理想清理历史记录、看看下载进度、检查扩展权限以前你得点开菜单层层翻找现在同样可以交给 NewTab-Redirect。在选项页的 Chrome Pages 区域官方已经预置了一批常用入口比如chrome://history/历史记录chrome://downloads/下载管理chrome://extensions/扩展管理chrome://bookmarks/书签管理chrome://flags/实验功能开关选中其中一个保存之后新建标签页就是直达对应管理页面。程序员调试时尤其推荐把chrome://inspect/或chrome://net-internals/设为默认页省去每次输入一长串地址的麻烦。重定向的底层逻辑很简单就写在 js/redirect.js 里它会读取存储中的 URL再通过chrome.tabs.update或document.location.href完成跳转代码只有二十多行读起来毫无压力。场景三用本地 HTML 打造完全属于你的新标签页如果上面的场景都还不够个性那就来点真正惊艳的NewTab-Redirect 支持把本地文件作为新标签页。这意味着你完全可以自己写一个 HTML 页面——放上你的常用链接、待办事项、天气小组件——然后让浏览器每次新建标签页都加载它。先在本地写一个简单的my-tab.html比如放上你每天都用的几个入口!DOCTYPE html html head meta charsetutf-8 title我的工作台/title /head body h1开始今天的工作/h1 ul lia hrefhttps://mail.google.comGmail/a/li lia hrefhttps://github.comGitHub/a/li lia hrefhttps://calendar.google.com日历/a/li /ul /body /html然后在选项页输入框里填上对应平台的本地路径格式Windowsfile:///C:/Users/你的用户名/my-tab.htmlmacOSfile:///Users/你的用户名/my-tab.htmlLinuxfile:///home/你的用户名/my-tab.html保存后新建标签页你自己的页面就出现了。仓库里还提供了两个现成示例examples/empty/empty.html是一个空白页示例examples/redirect/redirect.html则演示了用 meta 刷新做重定向的另一种思路适合想研究实现细节的朋友对照查看。多设备之间如何保持同步配置换了电脑配置要重新设置一遍不用。在选项页勾选Sync this URL across browsers?扩展会把配置写入 Chrome 的同步存储。只要你在多台设备上登录同一个 Google 账户、并开启了 Chrome 的同步功能新标签页的跳转目标就会自动保持一致。要注意的是同步机制依赖 Chrome 的 storage sync第一台机器上首次配置时扩展还会引导你选择是否允许同步。如果哪天发现新设备上没生效先回选项页确认勾选状态再去 Chrome 设置里看看扩展同步是否开启。这套初始化和同步逻辑可以在 js/background.js 里看到完整实现。新手最容易踩的坑三个高频问题一次说清Q1配置了本地文件但新标签页打不开报错或者一片空白最可能的原因是缺少允许访问文件网址权限。Chrome 出于安全考虑默认不允许扩展直接读取本地文件需要在chrome://extensions页面找到 NewTab-Redirect点击详细信息向下滚动找到允许访问文件网址并手动开启。这是 Chrome 本身的机制和扩展无关。Q2为什么地址栏焦点不在自己想要的输入框里还是老话Chrome 不允许扩展控制新标签页创建后的地址栏焦点。你可以勾选Always update tab, not redirect来获得更顺滑的体验需要输入时用CtrlL快速选中地址栏即可。Q3它能替换我的浏览器主页吗不能它的设计目标只是新建标签页。如果你把浏览器主页也设成了新标签页两者叠加可能出现奇怪的行为建议把主页和新标签页分开配置。Q4插件会不会偷偷收集我的数据项目采用 MIT 协议完全开源重定向逻辑一眼就能看完扩展只请求它实际用到的权限核心仅 storage 与 favicontabs、topSites 等均为可选权限由你在选项页的 Permissions 标签下按需授权。作者也明确表态永不售卖、永不植入广告或数据收集代码。开源的底气就是代码本身经得起检查。现在就动手把 CtrlT 变成高效的开端回头看开头的场景每天机械地输入网址、翻找书签、等待页面加载。NewTab-Redirect 要做的就是把这一步彻底抹掉。装好它填一个你最常访问的地址从此每一次新建标签页都是直达目的地。它免费、开源、零学习成本配置过程比读这篇文章还短。如果你喜欢动手甚至可以 fork 源码按自己的习惯改造——毕竟整个重定向核心就在js/redirect.js一个文件里。希望它能成为你浏览器里那个用了就回不去的小工具。下次按CtrlT时愿它直接带你去想去的地方。【免费下载链接】NewTab-RedirectNewTab Redirect! is an extension for Google Chrome which allows the user to replace the page displayed when creating a new tab.项目地址: https://gitcode.com/gh_mirrors/ne/NewTab-Redirect创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表