首页
学习
活动
专区
圈层
工具
发布

浏览器插件开发-manifest文件解读「建议收藏」

Chrome Extension API 360浏览器的插件文档 中文, 虽然内核差不多但是不一定与 Chrome api 一致, 可以作为参考 Chrome 官方案例库 案例 如何实现网页和Chrome...,用来展示一些状态 7. page_action 代表可以在当前页面执行的操作,不活动时显示灰色,对应接口 chrome.pageAction default_icon: Object | string...使用 chrome_ui_overrides 配置,详细配置查看文档,可以设置一些书签方面的规则 内置页面替换 使用 chrome_url_overrides 配置,详细配置查看文档,标签页、历史页、...,可以针对当前活动的选项卡运行,获取临时访问权限 permissions: ["tabs"] 编程方式注入会在 chrome.tabs.executeScript(tabId, details, callback...允许用户在调用扩展时临时访问当前活动的选项卡, background 后台权限,可以用来增加Chrome 运行时间,即开机即运行(虽然是不可见的) bookmarks 书签操作权限 browsingData

3.6K20

Chrome Extension

比如第一次安装、插件更新、有content-script向它发送消息,等等 popup opup是点击browseraction或者pageaction图标时打开的一个小窗口网页,焦点离开网页就立即关闭...,如:chrome.alarms bookmarks 操纵书签的API browserAction 获取扩展图标、标题、文字、弹出页等 commands 给扩展添加快捷键 contextMenus 添加选项到右键弹出菜单...管理扩展与应用 notifications 通知控制 pageAction 具体的页面下控制扩展图标、标题、文字、弹出页等相关内容 permissions 获取拥有的权限 power 请求系统常亮 runtime...}); 扩展调试 chrome的菜单里打开扩展程序(打开开发者模式) ? 调试通普通页面一样 如何优雅的调试 右键Chrome工具栏的小图标会弹出一个窗口,选择审查弹出内容即可调试。...如果您今后需要做如下事情,您需要这一文件: - 更新扩展程序 - 将扩展程序上传至 Chrome 网上应用店 更新包 增加 manifest.json 中的版本号。

3.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    OpenAI Atlas:重新定义 AI 时代的浏览器革命

    上下文感知:结合浏览器记忆,理解任务的背景信息(如 “我常用的超市”“会议偏好时间”) 自适应变化:网站界面更新时,AI 可自动调整操作方式,无需手动修改脚本 2.4 全新标签页:AI 驱动的信息入口...在新标签页显示摘要 await chrome.tabs.create({ url: `data:text/html,摘要${summary}> }...、价格、促销活动 整理到 Excel 表格 分析差异点 使用 Atlas 后,流程简化为: 打开 3 个竞品官网(3 个标签页) 在 Atlas 中提问 “对比这 3 个网站的产品参数、价格、促销活动,...” 的内容,无法同时引用多个标签页。...6.3.2 兼容性 网站兼容性:基于 Chromium 内核,99% 的网站可正常访问(与 Chrome 一致) 扩展兼容性:支持大部分 Chrome 扩展(Manifest V3),但部分依赖 Chrome

    76110

    Chrome Extension 开发中的 Tab 操作与实践

    常见的应用场景包括: 扩展启动时自动打开某个页面。 创建一个标签页管理器,让用户快速查看并操作所有打开的标签页。 自动化处理特定网站的标签页,如定时关闭或刷新。...无论是创建新标签、更新现有标签,还是关闭标签页,Chrome 的 chrome.tabs API 提供了一系列简单而强大的方法。接下来,我们从最基本的操作入手,逐步学习如何使用这类操作。...以下是一个简单的代码示例: chrome.tabs.create({ url: 'https://www.example.com' }); 在这个例子中,扩展会自动打开一个新的标签页并导航到指定的网站...例如,我们可以通过如下代码将当前标签页的 URL 更改为一个新的地址: chrome.tabs.update({ url: 'https://www.another-example.com' });...获取当前活动标签页 通过 chrome.tabs.query(),你可以轻松获取当前窗口中活动的标签页: chrome.tabs.query({ active: true, currentWindow:

    1K10

    实用的Chrome浏览器命令

    添加新引擎时,确保URL格式正确。5. chrome://extensions/:管理扩展程序安装、卸载、启用或禁用Chrome扩展的地方。...使用技巧:当浏览器响应慢时,可以尝试重启,以刷新内存和关闭无响应的标签页。11. chrome://plugins/:管理插件查看和管理浏览器中的插件,可以禁用或更新有问题的插件。...12. chrome://settings/content/:内容设置控制浏览器如何处理各种内容,如JavaScript、Cookie、弹出窗口等。...33. chrome://settings/payments: 支付方法管理添加、编辑或删除信用卡信息,便于在支持的网站上快速安全地进行支付。使用技巧:定期检查并更新支付信息,确保交易安全。...40. chrome://history/syncedTabs: 同步的标签页查看其他设备上打开的标签页,实现跨设备无缝浏览。使用场景:在不同设备间切换工作或学习时,快速找回之前浏览的内容。

    1.7K10

    【干货】Chrome插件(扩展)开发全攻略

    "chrome_url_overrides": { // 覆盖浏览器默认的新标签页 "newtab": "newtab.html" }, // Chrome40以前的插件配置页写法...badge 所谓badge就是在图标上显示一些文本,可以用来更新一些小的扩展状态提示信息。因为badge空间有限,所以只支持4个以下的字符(英文4个,中文2个)。...需要特别说明的是早些版本的Chrome是将pageAction放在地址栏的最右边,左键单击弹出popup,右键单击则弹出相关默认的选项菜单: ?...chrome.contextMenus.remove(menuItemId); // 删除所有自定义右键菜单 chrome.contextMenus.removeAll(); // 更新某一个菜单项...URL,造成困扰; 下面的截图是默认的新标签页和被扩展替换掉的新标签页。

    13.1K40

    谷歌插件之一键关闭同域名页面

    前言 在日常的网页浏览中,我们常常会打开多个相同域名的页面,特别是在进行某些重复性工作或者浏览新闻网站时,这种情况尤为常见。手动关闭这些页面既费时又费力。...name "name": "Close Same Domain Tabs" 描述:插件的名称,将显示在Chrome扩展管理页面和插件商店中。...常见权限: "activeTab":当前活动标签的权限。 "storage":访问插件的本地存储。 "http://*/*"和"https://*/*":访问所有HTTP和HTTPS网址。...管理和控制标签页 查询标签页:通过 chrome.tabs.query 方法,可以获取当前窗口中的所有标签页,从而实现对标签页的管理和操作。...项目实现 打开chrome://extensions/。 点击“加载已解压的扩展程序”按钮,选择项目文件夹。 插件加载后,在浏览器工具栏会出现插件的图标。

    53310

    火狐扩展开发入门实践

    答:要访问国外网站找官网资料(受限于学习环境),同时Firefox 与 Google Chrome、Opera 和 W3C 草案社区组织 所支持的 扩展(Extensions) API 在很大程度上兼容...为浏览器添加特性与功能,和在网页里编码相比他能帮助您处理页面上的数据按照开发者的流程进行,实际上扩展是用来提升或补充网站功能; 让用户展现他们的个性:浏览器扩展可以操控网页的内容; 从网页中添加或删除内容...*插入隐藏页面的CSS到活动标签,然后获得野兽的URL和发送“beastify”消息到活动标签的内容脚本。...,将内容脚本注入活动标签页, *并添加一个单击处理程序。...js // # 选项卡在其窗口中是否处于活动状态。 // # 选项卡是否在当前窗口中 // # 父窗口或窗口的id。当前窗口的WINDOW_ID_CURRENT。

    3.5K10

    火狐扩展开发入门实践

    答:要找官网资料(受限于学习环境),同时Firefox 与 Google Chrome、Opera 和 W3C 草案社区组织 所支持的 扩展(Extensions) API 在很大程度上兼容。...为浏览器添加特性与功能,和在网页里编码相比他能帮助您处理页面上的数据按照开发者的流程进行,实际上扩展是用来提升或补充网站功能; 让用户展现他们的个性:浏览器扩展可以操控网页的内容; 从网页中添加或删除内容...*插入隐藏页面的CSS到活动标签,然后获得野兽的URL和发送“beastify”消息到活动标签的内容脚本。...,将内容脚本注入活动标签页, *并添加一个单击处理程序。...js // # 选项卡在其窗口中是否处于活动状态。 // # 选项卡是否在当前窗口中 // # 父窗口或窗口的id。当前窗口的WINDOW_ID_CURRENT。

    3.9K30

    chrome插件开发教程

    Web Developer 安装Web Developer扩展后,会在浏览器的工具栏中添加一个按钮,点击该按钮,会弹出各种Web开发工具。...Window Resizer 此扩展可以调整浏览器窗口的大小,以适应各种屏幕分辨率。这对于Web设计师和开发者非常有用,可以帮助他们在不同的屏幕分辨率下测试网站布局。...这是一个开发者最喜欢的Firefox扩展Firebug的精简版。 JQuery 扩展 jQuery扩展让你在当前网页中运行JavaScript和jQuery命令。...用法是在新窗口里输入js文件的URL或者在查看HMTL源代码时点击js文件的链接。...IE Tab 在Chrome中打开IE浏览器标签页,你可以打开一个标签来运行Internet Explorer,让你看到的网页在IE浏览器看起来如何。

    2.4K30

    安卓Chrome使用技巧合辑

    文章更新:   20160921 初次成文   20170424 大幅修正:删除了失效的实验室特性,并增加了Chrome Canary专用特性   20170514 增加了"姊妹篇(GIF...在"姊妹篇"中,将以GIF的形式显现Chrome的一些特色特性,由于图片较多,请大家使用WIFI或者在电脑上观看~ 一:利用外部应用扩展Chrome的功能:   虽然Android上的Chrome...同时,这一特性也适用于菜单项上方的导航按钮,因为Chrome的菜单键和菜单弹出后的"刷新按钮"位置是重合的,所以按住菜单按钮后保持一秒左右再松开,可以进行刷新网页的操作。   2....想快速复制当前页面的网址,你只需要点击Chrome菜单中上方的"信息"图标(位于刷新按钮左边),在弹出的网页信息窗口中长按网址区域即可快速将当前页面的网址复制到剪贴板。   9....在地址栏中输入:chrome://chrome-urls并回车,可以进入当前Chrome可用的伪链接目录页,点击页面中列出的伪链接可以进入相应的设置界面。   10.

    11K30

    当浏览器变成“后门”:新型Matrix Push C2攻击席卷全球,国内用户如何守住第一道防线?

    一、从“允许通知”开始的沦陷:一次点击,终身隐患?想象这样一个场景:你浏览一个看似正常的影视资源站,页面弹出提示:“为及时接收更新提醒,请允许本站发送通知。”...例如:“Chrome 安全警告:检测到可疑活动,请立即验证身份。”“MetaMask 钱包更新:新版本修复关键漏洞,请立即安装。”“Netflix 账户异常:您的订阅将在24小时内暂停。”...点击任意一条,用户会被重定向至精心仿制的钓鱼页面——可能是伪装成Google登录页的凭证收集器,也可能是捆绑了信息窃取木马的“Chrome更新程序”。...二、技术内核拆解:Web Push API如何被武器化?要理解Matrix Push C2的运作机制,必须深入Web Push标准本身。该技术由W3C制定,旨在让网站在用户离线时也能推送消息。...:Chrome中访问 chrome://settings/content/notifications,Safari中进入“偏好设置 > 通知”,删除不必要条目。

    28010

    用 Vue 开发自己的 Chrome 扩展

    在本教程中,我将向你展示如何为 Chrome 构建一个能够改变新标签页行为的简单扩展。...你可以通过在 Chrome 的扩展程序页面上单击 Hello World 扩展程序的 reload 图标来执行此操作。 ? 重新加载扩展 现在,当你打开新标签页时,你的自定义消息会出现。...将Vue添加到扩展 现在我们有一个非常基本的扩展,接下来要实现剩下的需功能了。当用户打开新标签页时,我希望扩展能够: 从精彩的笑话网站 icanhazdadjoke.com 获取一个笑话。...在新标签页中使用 Vue 组件 首先从 background.js 中删除烦人的 alert 语句。 在 src 文件夹中创建一个新的 tab 文件夹来存放新标签页的代码。...总结 在本教程中,我重点介绍了 Chrome 扩展程序的主要部分,并展示了如何用在 Vue.js 中 vue-web-extension 样板构建扩展程序,最后讲解了如何将扩展上传到 Web Store

    3.6K30

    discuz X3全局变量$_G

    中所有的预处理数据 缓存能够很好的提高程序的性能,一些配置数据没必要每次都查询数据库,只要在修改了的时候更新下缓存即可。 Discuz!...'] => 当前登录ID的【FORMHASH】 主要用于表单提交 $_G['timestamp'] => 当前活动时间 $_G['starttime'] => 1317042440.3242 $_G['...当前访问页面的相对地址 $_G['siteurl'] => 程序访问地址 $_G['siteroot'] => 程序所在域名的相对目录 $_G['fid'] => 当前版块id【主题列表页、帖子页】出现...$_G['setting'][siteurl] => 全局-站点信息-网站URL $_G['setting'][regname] => 全局-注册访问-注册-注册地址 $_G['setting'][reglinkname...-发起者必填信息 $_G['setting'][activityextnum] => 全局-站点功能-活动主题-扩展资料项数量 $_G['setting'][activitypp] => 全局-站点功能

    2.5K30

    玩转谷歌优化(Google Optimize)

    在同一页(或页面模板)上测试具有两个或多个不同部分的变体。当你想尝试在同一页面(或页面模板)上测试多个元素的组合时,多变量测试则是一个非常好的选择。 重定向测试。 用于测试不同URL或路径的网页。...当同一网页的网址中的词干、尾随参数或两者都不同时,正则表达式匹配很有用。如果用户可能来自许多子域中的一个,并且你的URL使用会话标识符,则可以使用正则表达式来定义URL的常量元素。...10 巧用可视化编辑器来编辑变体 要使用优化可视化编辑器,你需要使用Google Chrome浏览器的Google Chrome浏览器优化扩展程序。...单击此元素将打开一个菜单,其中显示对当前变体所做的每个更改,并为你提供编辑或删除每个更改的选项。 5. 诊断。这是你所做出更改的潜在问题的计数。这些问题也会在你的更改列表中标记。 6....默认情况下,如果用户处于非活动状态30分钟或更长时间,则任何未来的活动都会归为新会话。离开你的网站并在30分钟内返回的用户将被视为原始会话的一部分。

    5.2K70

    Infinity插件 让Chrome浏览器实现添加10+N个快捷方式(不限制)

    下载安装 1.1 下载 1.2 解压zip 1.3 安装 1.4 为扩展程序添加快捷键 二、基本使用 2.1 编辑图标 2.2 弹出工具的功能 2.3 添加网站 总结 ---- 前言 Chrome新标签页是指在打开谷歌浏览器的时候...,该页面显示的就是Chrome提供的默认新标签页,当然用户也可以选择在Chrome商店中搜索一款更加实用的新标签页插件来获得更加实用、个性化的新标签页 ---- 提示:以下是本篇文章正文内容,下面案例可供参考...会自动弹出是否添加该扩展程序,点击添加就OK了 打开一个浏览器新窗口就看见添加扩展程序后的效果,点击保持现状 1.4 为扩展程序添加快捷键 再介绍一下如何为扩展程序添加快捷键,方便我们随时调出扩展程序的功能...,点击左上角标红框处 点击进入快捷键设置窗口中 通过按键盘的方式为对应的扩展程序设置快捷键 二、基本使用 2.1 编辑图标 右键单击图标即可编辑或删除已有的图标 2.2 弹出工具的功能...在设置界面可以设置自己想要的布局格式,登录后可以开启Pro(可以获得更多调整权限) 2.3 添加网站 在添加界面搜索想要添加的网站名称 ---- 总结 这个插件可以让我们把常用的网站添加在新标签页中

    2.9K20

    伪装2FA验证的MetaMask钓鱼攻击机制与防御策略研究

    恶意广告与弹窗:通过被劫持的广告网络或恶意浏览器扩展,在用户访问加密相关网站时注入弹窗:“MetaMask requires immediate 2FA setup....(3.3) 防御盲区的存在当前主流防护措施存在明显缺口:用户教育不足:多数教程仅强调“不要分享助记词”,但未解释为何官方绝不会在网页表单中索要;浏览器安全机制局限:Chrome的Safe Browsing...url=' + encodeURIComponent(details.url)});}}, { url: [{ schemes: ['http', 'https'] }] });该扩展在用户即将访问匹配模式的域名前重定向至本地警告页...例如,在检测到用户剪贴板包含12/24词助记词格式时,若当前焦点不在官方恢复流程页面,则弹出强警示:// MetaMask扩展内部伪代码(概念验证)class SecurityMonitor {private...硬件钱包的私钥永不离开安全芯片,即使用户误在钓鱼页输入助记词,攻击者也无法签署交易。MetaMask可通过WalletConnect协议与硬件设备桥接,实现安全交互。

    18310

    无形中提高你工作效率的chrome插件

    写在前面:本文所有插件的获取方式以及如何安装都写在文末 开发相关拓展插件 1....使用此扩展快速清除缓存,无需任何确认对话框,弹出窗口或其他烦恼。点击图标即可清除缓存、cookie等,开发必备!...Save All Resources 当我们在网页上看到炫酷的动画效果,一个很自然的想法就是F12, 然后下载资源,但是在chrome开发者工具中Source是找到当前页面所使用的资源,而我们希望可以直接一键下载所有网页资源...Infinity 新标签页 最后要给大家安利的就是Infinity,功能强大的新建标签页扩展!做的界面很美,每日壁纸质量也很高!...正常安装 首先在标签页输入【chrome://extensions/】进入chrome扩展程序 解压你在本站下载的插件,并拖入扩展程序页即可。

    1.4K50

    你的浏览器,何必是浏览器

    WhatRuns WhatRuns是一个网站分析工具, 当你看到感兴趣的网站时点击扩展图标,即可一键分析网站技术栈(分析时间在5-10秒左右) Code Cola code cola插件可以对网页的颜色...如何创建一个特定网页的窗口应用呢?下面以csdn网站为例进行演示。...:smirk::smirk:   正常情况下,一个浏览器是不能同时登陆某网站的两个账号的,而隐身模式的强大之处就在于他可以和你正常的chrome脱离开。...(常用) Ctrl + Shift + w 关闭所有已打开的标签页并关闭当前 Chrome 浏览器(如果开了多个浏览器,则只关闭当前的浏览器)。...chrome://thumbnails 返回近期浏览的网站的首页快照,以相册的形式 54 chrome://tracing 追踪访问URL,包括浏览和渲染的过程 55 chrome://translate-internals

    4K11

    Chrome 浏览器现在会显示每个活动标签页的内存使用情况了

    当你将鼠标悬停在某个标签页上时,弹出窗口将显示该标签页的内存使用情况,以及 Chrome 浏览器的内存保护器功能是否冻结了该标签页以节省内存。...该功能使 Chrome 浏览器的标签页节流行为透明化,并让用户深入了解网站的内存消耗情况。...当一个标签在后台足够长时间后,Chrome将冻结JavaScript执行并将标签置于低内存状态 这有助于将内存分流到活动的前台标签页,并在打开多个标签页时提高性能。当标签页回到焦点时,会重新加载。...Chrome DevTools 为调试内存问题提供了强大的工具--只要你知道如何有效地使用它们。...例如,后来从页面中删除的在闭包内添加的DOM元素保持其引用。 内存泄漏往往是无意中引入的,通常随着时间的推移逐渐增长。但即使修复小的泄漏也可以提高性能。

    2.4K10
    领券