Chrome extension 中,在background中执行其他页面的方法

Chrome extension 中,我们可以在主页面中(以main.html为例)利用以下代码来调用background.html 中定义的方法:

 

 

chrome.extension.getBackgroundPage().test();

 其中test方法是在background.html中定义的。

如:

 

 

<html>
  <head>
</script>
    <script type="text/javascript">
    
      function test() {
        alert("测试");
      };

    </script>
  </head>
  <body>
  </body>
</html>
 

 

同理,要在background页面调用main.html 的方法可以使用一下代码

 

 

chrome.extension.getViews()[1].test1(); 

 

 test1 是在main.html 中定义的。

 getViews可以获取到所有的页面(DomWindow 对象).

 

 

总结: 其实getBackgroundPage()  可以理解为getViews的一个特例。

以上为个人见解,如有不同观点请指正

 

 

 

 

 

 

http://www.androidroad.com

 

 

Chrome Extension 第二篇--通信 Chrome Extension 第二篇 – 通信 Chrome Extension JS 对比 JS 种类 可访问的 API DOM 访问情况 JS 访问情况 直接跨域 background js 可以访问绝大部分的 API,除了 devtools 系列 不能直接访问 不可以 可以 content scripts 只能访问 extension、runtime 等部分 API 可以访问 不可以 不可以 browser action 可以访问绝大部分的 API,除了 devtools 阅读详情

相关推荐

【阿里云大模型高级工程师ACP习题集】2.1 用大模型构建新人答疑机器人

【摘要】这是我精心整理出对应的习题集,里面足足有 30 道题目,从基础概念到深度拓展,全方位覆盖章节重点、难点。不管你是想检验自己的学习成果,还是想针对薄弱环节进行强化训练,它都能完美适配!

davidkorhenn的博客 2606

chrome插件开发

chrome 插件的控制能力除了支持传统的一切 web API、JavaScript API 以外,chrome插件额外支持以下API(chrome.xxx):浏览器窗口(chrome.window)tab标签(chrome.tabs)书签(chrome.bookmark)历史(chrome.history)下载(chrome.download)网络请求(chrome.webRequest)各类事件监听?自定义右键菜单(chrome.contextMenus)

寬真 2956

服务器测试之GPU基础汇总

GPU英文全称Graphic Processing Unit,中文翻译为“图形处理器”。一个专门的图形核心处理器。GPU是显示卡的“大脑”,决定了该显卡的档次和大部分性能,同时也是2D显示卡和3D显示卡的区别依据。可以形象的理解为90%的ALU(运算单元),5%的Control(控制单元)、5%的Cache(缓存单元)GPU的设计原理——总结为大量的简单运算。

qq_41897488的博客 2万+

chrome扩展chrome.extension.getBackgroundPage()方法调用

chrome扩展chrome.extension.getBackgroundPage()

qq_38469220的博客 2891

Win10网络图标消失,网络图标变成灰色,打开网络设置闪退等问题解决

介绍 主要解决如下问题 网络图标消失 常用方法配置中出现的网络图标变成灰色没有办法打开 打开网络和Internet闪退 错误提示`网络发现已关闭。网络计算机和设备不可见。请启动网络和共享中心的网络发现。 连不上网,诊断结果为 依赖服务或组无法启动 这个问题大概率通过重装系统不能解决,请大家谨慎测试之后最后选择重装这个路线。 方法1:这一步一定要做(卸载三方软件) 把360安全卫士,软件管家这些东西都卸载掉。 我的问题一开始就是这个软件引起的,可能他检测到我还给台式机配了无线网卡,然后就把有线网络的一些

呆呆象呆呆的博客 3万+

微信小程序报错:“errno“:600001,“errMsg“:“uploadFile:fail errcode:-105 cronet_error_code:-105 error_msg:net::

uploadFile:fail errcode:-105 cronet_error_code:-105 error_msg:net::ERR_NAME_NOT_RESOLVED,uniApp微信小程序使用uni.uploadFile出现报错,微信小程序如何解决wx.uploadFile报错,如何解决这个问题,微信小程序真机报错,微信小程序报错"errno":600001,"errMsg":"uploadFile:fail errcode:-105 cronet_error_code:-105 error_m

✅ 精选推荐文章 3826

chrome浏览器插件content.js和background.js还有popup都是什么,怎么通讯

在用户点击扩展程序图标时(下图中的下载图标),都可以设置弹出一个popup页面。而这个页面中自然是可以包含运行的js脚本的(比如就叫popup.js)。它会在每次点击插件图标——popup页面弹出时,重新载入。

7464

Vue2 - 详细实现安装西瓜视频 xgplayer 插件详细配置及使用教程,利用西瓜视频播放器播放 mp4、flv、hls 格式视频文件及视频推流(直播或监控摄像头画面),支持移动端H5及PC网站!

vue2,nuxt2,西瓜视频,xgplayer,插件组件,xgplayer-hls,xgplayer-flv,xgplayer-mp4,播放视频点播和直播视频流,自定义播放器样式,截屏,监控视频,vue使用西瓜播放器播放flv、hls、mp4视频,截屏按钮,直播流,报错,黑屏,加载失败,苹果ios不兼容,重连,怎么改样式,很卡,详细教程,监控实时播放推流,倍速播放,在线flv在线推流地址,HLS播放,vue西瓜播放器,vue如何使用西瓜视频插件做直播推流回流,视频点播,flv在线视频流播放,截图功能,利用

🏆 前端领域优质创作者 1万+

Chrome浏览器扩展开发系列之三:Google Chrome浏览器扩展的架构

1) 不可视的background页面 Google Chrome扩展往往包含一个不可见的background页面,Google Chrome扩展的主要业务逻辑都位于此。有两种类型的background 页面,一种是persistent background pages,另一种是event pages。Persistent background pages持续运行,随时可访问。而Event pa...

weixin_30363981的博客 235

芒果YOLO11改进12:即插即用 | 独家原创改进最新PWConv核心结构|来自最新CVPR2023顶会,

即插即用 | 独家原创改进最新PWConv核心结构|来自最新CVPR2023顶会,

包括YOLOv5、YOLOv7、YOLOv8等模型改进 554

使用Python爬虫获取Facebook帖子和评论数据

Web爬虫是用于自动抓取网页数据的程序。它通过发送HTTP请求,获取网页的HTML源代码,再对源代码进行解析,提取所需的内容。爬虫常用于数据收集、信息提取、数据分析等应用。

2201_76125261的博客 1998

谷歌插件使用&开发

介绍一些chromo插件的开发与使用,包含文件目录的介绍以及便捷工具的使用

qq_39692513的博客 1954

数据分片的三种方式:哈希、一致性哈希、按照数据范围分片

数据分片就是按照一定的规则,将数据集划分成相互独立、正交的数据子集,然后将数据子集分布到不同的节点上。通过设计合理的数据分片规则,可将系统中的数据分布在不同的物理数据库中,达到提升应用系统数据处理速度的目的。三种常用的数据分片方式:1. 哈希分片2. 一致性哈希分片(Consistent Hash)3. 按照数据范围分片(Range Based)数据分片的应用场景:1. 数据库扩展2. 分布式缓存对集群部署多个缓存节点,提高缓存的处理能力。

wjianwei666的专栏 1133

popup和background数据传输chrome.extension.getBackgroundPage()

//从popup给background传输数据 //popup.js chrome.extension.getBackgroundPage().test1(url); //background.js function test(url){ document.body.innerHTML = ""; document.write(url); // alert(document.all[0].outerHTML); // alert("我是back

ysfb_cc的博客 1478

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

Vue Chrome Extension Template高级特性:Content Script与Background通信实战

Vue Chrome Extension Template是一款专为开发者打造的Chrome扩展开发框架,它将Vue.js的便捷性与Chrome扩展的强大功能完美结合,帮助开发者快速构建功能丰富的浏览器扩展。本文将深入探讨该框架中Content Script与Background之间的通信机制,带你掌握这一核心技术,轻松开发出专业级的Chrome扩展。 ## 📌 为什么需要Content Sc

gitblog_00709的博客 407

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

chrome extension v3 version background service worker deep analysis

谷歌插件V3版本background采用的是service worker,对于前端技术人员来说,理解一个后端服务是比较困惑的,service worker 类似于php的服务部署的方式,由一个进程来调度所有插件background 节省了内存,提高了用户体验性,也突出了MVC模式,同时在离线状态下,依然能提供一些离线服务

王森的博客 4343

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

如何用Vue.js快速开发Chrome扩展?Vue Chrome Extension Template实战教程

Vue Chrome Extension Template是一个专为Vue.js开发者设计的Chrome扩展开发框架,它集成了完整的开发环境和项目结构,让你无需从零配置就能快速构建功能丰富的浏览器扩展。本教程将带你一步步了解这个强大工具的使用方法,从环境搭建到核心功能实现,轻松掌握Vue.js开发Chrome扩展的精髓。 Vue Chrome Extension Template开发框架 ##

gitblog_00488的博客 679

Chrome Web Extension开发指南

本文介绍了Chrome扩展开发的基础知识,包括扩展的定义、核心组件和开发流程。扩展基于HTML+CSS+JavaScript构建,通过调用Chrome API增强浏览器功能。核心组件包括manifest.json配置文件、后台脚本、内容脚本和用户界面。文章还提供了一个简单的"Hello World"扩展示例,展示了点击图标弹出页面和页面加载后弹窗的功能。通过阅读官方文档和参考优秀扩展,开发者可以进一步学习和提升扩展开发能力。

weixin_43965821的博客 2220

Chrome Extension 基础篇

由于Manifest V3接近与Manifest V2的完全功能对等,Chrome Extension将逐步淘汰Manifest V2,作为与时俱进的前端吃瓜人,本文以Manifest V3中的概念进行介绍。manifest.json向浏览器提供有关扩展的信息,可以理解成配置文件,Chrome Extension读取配置文件开启对应功能, 同时每个扩展都需要一个manifest1.必填项1.name:插件名称2.version:版本号3.manifest_version:配置文件版本,v2 or v3。

小王的技术库 3989

Chrome Extension插件开发概述

目录一、前言一、Chrome Extension还是Chrome Plugin?二、为什么选择Chrome浏览器?三、关于Chrome Extension四、开发调试1. 调试弹出页(popup)2. 调试选项页(option)3. 调试后台页(background)4. 调试内容脚本(content script)五、Manifest 文件六、content-script文件七、backgrou...

逸尘的专栏 2万+

Chrome-Extension-Tutorial

✅ Chrome 插件的基本概念✅ 插件项目的完整结构✅ 如何编写 manifest.json✅ Popup、Content、Background 脚本的区别✅ 如何开发一个完整的插件✅ 如何调试和测试✅ 如何发布到应用商店✅ 常见问题的解决方案。

qq_46035691的博客 1407

2024最新browser-extension完全指南:从0到1构建支持Chrome/Firefox的扩展

browser-extension是一个功能强大的浏览器扩展开发模板,支持React、Preact、TypeScript、Tailwind等主流技术栈,并且能够同时构建Manifest V3和V2版本,适配Chrome、Firefox、Safari、Edge、Brave等多种浏览器,为开发者提供了从0到1快速开发浏览器扩展的完整解决方案。 ## 为什么选择browser-extension模板?

gitblog_00912的博客 1016

Vue Chrome Extension Template开发秘籍:10个提升效率的实用技巧

Vue Chrome Extension Template是一款专为开发者打造的快速构建Chrome扩展的强大工具,它结合了Vue.js的灵活性和Chrome扩展开发的最佳实践,帮助开发者轻松创建功能丰富的浏览器扩展。本文将分享10个实用技巧,助你在使用该模板开发时效率倍增,快速打造专业级Chrome扩展。 [![Vue Chrome Extension Template开发](https://

gitblog_00408的博客 667

chrome浏览器插件extension开发中content内容脚本和background脚本通讯

有时候我们想监听页面中的数据变化,然后将监听到的数据传递给background脚本处理,比如根据不同的数据,来处理不同的业务逻辑,存储到服务器?或者控制浏览器显示效果?都可以,问题的重点是怎么让content脚本和background脚本通讯?

1528

Vue Chrome Extension Template完全指南:从零开始构建专业浏览器插件

Vue Chrome Extension Template是一个基于Vue.js的强大工具,专为快速创建Chrome浏览器插件而设计,支持开发时热重载功能,让插件开发过程更加高效流畅。 [![Vue.js Chrome Extension Template](https://raw.gitcode.com/gh_mirrors/vu/vue-chrome-extension-template/r

gitblog_00106的博客 903
上一篇: linux 下安装git
下一篇: .svn 文件批处理删除
friping
博客等级 码龄20年 0粉丝 75原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值