chrome extensions插件单独打开全新的一个拓展tab页v3

最新推荐文章于 2025-03-15 12:39:49 发布
最新推荐文章于 2025-03-15 12:39:49 发布
阅读量2.7k 收藏 1
点赞数 2
分类专栏： HTML前端 文章标签： chrome 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44786530/article/details/128458483
版权

想要在tab页上单独打开一个html页面，好像没什么难度，

只需要在manifest.json中添加tabs权限，然后新创建一个html页面即可

先添加一个权限:tabs

然后在页面上添加一个按钮：

给这个按钮添加一个事件：

 

然后在static/views/onboarding.html创建一个html文件：

就是一个很简单的页面，然后重新加载插件，点击打开设置即可：

即可看到新的页面已经打开：而且这里面是没有跨域的哦，只要给了权限，什么都可以访问

 

用Chrome Tabs构建你的第一个Chrome扩展程序
u011082575的博客
09-25 575
原始地址：https://dev.to/andyhaskell/build-your-first-chrome-extension-with-chrome-tabs-3625。
两万字大章带你使用 Vue3、Vite、TypeScript、Less、Pinia、Naive-ui 开发 Chrome 浏览器 Manifest V3 版本插件
guoqkmiss的博客
01-25 2421
两万字大章带你使用 Vue3、TypeScript、Less、Pinia、Naive-ui 以及 Vite 开发 Chrome V3 插件
Chrome 浏览器新标签页插件制作
白给的小黑屋
11-13 3578
Chrome 浏览器新标签页插件制作 最近越看越觉得浏览器的新标签页不顺眼，主要是我觉得太乱了。那些收藏夹啊、搜索框啊、工具啊。。。之类的我完全没有用的需要。所以就是 chrome 的商店找了一个，名字叫 New Tab Redirect 但没什么用啊！！！还有个白屏延迟！！！ ...
Chrome插件添加指南：实用技巧与安全性提示
最新发布
weixin_32661831的博客
03-15 868
Chrome网上应用店是官方推荐的插件获取途径。用户可以通过访问这个平台找到各种功能的插件来增强浏览器的体验。应用店中的插件分类清晰，用户可以根据自己的需求快速找到合适的插件。安装插件后，用户可以根据个人需求进行自定义设置。许多插件允许用户调整设置以更好地融入个人的工作流程。例如，用户可以对密码管理器插件进行个性化设置，以确保它在每次填写表单时自动填充正确的登录信息。
从零开始开发 Chrome 扩展程序：修改默认新标签页
XuanRan的博客
11-25 3983
Chrome 扩展程序（Chrome Extension）是一种小型软件，可通过 JavaScript、HTML 和 CSS 扩展浏览器功能。在本教程中，我们将从零开始，开发一个 Chrome 扩展程序，用来自定义浏览器的默认“新标签页”（New Tab）。教程面向初学者，带你逐步完成开发，内容通俗易懂。
让谷歌插件单独一个窗口运行
成长的点滴
10-29 1370
一、manifest.json配置默认popup。三、index.js脚本打开新的popup。二、popup执行脚本。
设置谷歌Chrome浏览器打开新的标签页为指定网页（New Tab Redirect插件）
weixin_58210065的博客
04-20 7894
谷歌Chrome浏览器打开新的标签页为指定网页
好用的 chrome打开新标签插件new tab direct
TangXin95的博客
06-26 1241
new tab direct
从零开始制作Chrome截图插件:新手完全指南
Winfredzhang的博客
11-14 1699
今天我要和大家分享如何制作一个简单但实用的Chrome扩展 - 网页截图助手。这个扩展可以帮助我们轻松截取整个网页的截图,无论页面有多长。本教程专门面向初学者,我会用最简单的语言,一步步带大家完成整个过程。manifest.json的配置Chrome扩展的权限系统扩展页面的开发Chrome API的使用方法这些知识将为你后续开发更复杂的Chrome扩展打下基础。希望这篇教程对你有帮助！如果你在开发过程中遇到任何问题,欢迎在评论区讨论。
Chrome插件开发入门：手把手教你创建第一个扩展
Yong.Sunshine
06-19 1334
最近，客户发布了一个新的任务 —— 开发一个Chrome插件。之前没有这方面的开发经验，准备想学习一下这块的内容，我发现网上的大多数视频都是几年前的，开发版本都是基于MV2，当前谷歌已经开始使用MV3（Manifest V3）版本了，我决定利用这次机会，从零开始，探索并记录整个开发过程。
chrome插件获取页面html,chrome扩展实现获取网页数据的功能
weixin_33985453的博客
06-05 6429
场景:某网站后台管理员页面,有几万会员数据,但列表页面每次只能显示20个,通过F12可以得知列表是通过RPC调用,然后解析Json串在前端进行展示渲染的,现要获取所有会员信息,因后台没有导出功能,如果一页一页翻看并拷贝粘贴,那肯定是一件极其繁琐无聊的事情;解决过程:最先想到的是编写一个web程序,然后通过httpclient调用RPC,带上cookiee及参数,但是调用时发现无法通过用户认证;换个...
GreenChrome 插件
04-20
GreenChrome 插件 - 详情：https://mp.csdn.net/postedit/89425104
chrome extension插件替换网络请求中的useragent
xo19882011的专栏
05-02 1297
chrome extension替换网络请求中的useragent
chrome扩展(插件) V3版本使用
Laoqina的博客
11-02 7124
主要使用技术栈为，html、css、jschrome扩展可以使用javascript APi还有chrome Api参考了这位大佬的文章和自己实际使用问题，【干货】Chrome插件(扩展)开发全攻略-好记的博客主要构成，扩展的清单是唯一必须具有特定文件名的必需文件，清单记录了重要的元数据、定义资源、声明权限并标识要在后台和页面上运行的文件。service，扩展服务工作线程处理并侦听浏览器事件。事件有多种类型，例如导航到新页面、删除书签或关闭选项卡。它可以使用所有Chrome API。
javascript - Chrome Extension: create new tab(chrome.tabs.create) and executeScript in new tab...not...
chromeplugintest的博客
09-06 632
234
Chrome浏览器插件Tab Groups Extension使用方法
yisago的博客
06-12 859
谷歌浏览器最近新增加了标签分组功能，新的插件名称叫做Tab Groups Extension。Tab Groups Extension的主要功能是将网页标签分组进一步优化，使得用户能够自由地定义标签分组的规则。很多用户都是第一次接触到这个新插件，下面一起来看看吧。 Chrome<a style=浏览器插件Tab Groups Extension使用方法"> Tab Groups Extension编辑分组规则步骤介绍 1、点击右上角的Tab Groups Extension插件。 Chrome浏
chrome extensions插件通过点击按钮修改浏览器UserAgent，manifest v3版本
02-02 2069
点击打开插件，可以看到有两个按钮，并且csdn的首页是pc端的样式：当点击修改UserAgent按钮时：可以看到页面发生了变化，并且可以看到网络请求的user-agent已经变为我们代码里面写的那个了当点击恢复UserAgent的时候，可以看到页面恢复为了PC样式，并且网络请求的user-agent已经恢复了搜嘎，到此，这个文章已经写完了，下一篇继续讲解怎么动态修改Cookie，go go go！
Chrome 插件 tabs API 解析
guoqkmiss的博客
03-27 2806
Chrome 浏览器插件 tabs API 解析
超详细带你入门开发一个超实用的浏览器插件
热门推荐
罗翔
08-28 1万+
相信大家平时在电脑上逛掘金、知乎网站时，肯定有看到过下面超级烦人的跳转拦截确认页面 虽然这种拦截的初衷是好的，但是我相信大家平时肯定不会因为有了这个拦截提醒页面，就会对即将打开的网站安全性提高自己的警惕性，而是把它当做用户协议一样无视并点击“继续访问”。这种体验给人的感觉是十分难受的，特别是有时候看一些技术文章，文章里面会贴一些参考资料链接，有时我会习惯先右键新tab中打开，...
Go to Tab：高效管理Chrome标签页的浏览器插件
1. 插件简介：Go to Tab是一个扩展程序，专为谷歌Chrome浏览器设计，其主要功能是帮助用户快速定位并切换到Chrome当前已经打开的标签页。它被用户视为Chrome多开神器，因为通过使用这个插件，用户可以更加高效地管理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

1024小神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值