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

最新推荐文章于 2024-05-12 11:34:10 发布

qq_38469220

最新推荐文章于 2024-05-12 11:34:10 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript chrome 前端

本文链接：https://blog.youkuaiyun.com/qq_38469220/article/details/121554552

本文介绍如何在Chrome扩展中，popup页面通过chrome.extension.getBackgroundPage()调用background页面的函数，并通过示例展示了具体实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

chrome.extension.getBackgroundPage()是popup页面调用background页面的方法

1、background页面声明函数

function Fntest(){

        return 1;

    }

2、popup页面的调用

var bg = chrome.extension.getBackgroundPage();

 console.log(bg.Fntest())

//此处打印的是Fntest函数的返回值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_38469220

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

ysfb_cc的博客

08-11

1436

//从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

Chrome extension 修改 window.navigator.userAgent

最新发布

xo19882011的专栏

05-30

1608

网页开发有一些场景会做一些ua的判断，特别是在手机端展示的页面，非手机就不让看了，这还是挺让人觉得不方便的，毕竟在电脑上各种屏蔽广告的插件还是很强大的。那么有没有办法假装电脑版的网页是手机设备呢。毕竟之前做过的项目一般来说是判断一下 window.navigator.userAgent 来判定当前是否是手机设备。然后再判断是否要显示，或者判断是否要支持一些特殊的功能。

2 条评论您还未登录，请先登录后发表或查看评论

Chrome扩展（popup页面，content页面，还有background通信）

03-14

这个插件包含了 main.js（popup页面使用的js）跟 background.js（后台）之前的通信 main.js（popup页面使用的js）跟 content.js（注入到dom的js）之前的通信 background.js 跟 cntent.js 之前的通信

chrome mv2 插件开发，或者后台网页或者js的变量，chrome.extension.getBackgroundPage，和background通讯

论文数据分析辅导,；论文人工智能辅导 huazhongxiaosx

04-10

620

背景页面是扩展程序中一个持久的、隐藏的页面，它可以运行脚本并保存状态，即使没有任何扩展的弹出窗口或页面动作是打开的。假设你有一个扩展程序，其中有一个背景页面（background.html）和一个弹出窗口（popup.html）。可以让你从扩展程序的其他部分（如弹出窗口、内容脚本等）与背景页面中的脚本进行通信或访问其数据。最后，请确保你的扩展程序有适当的权限，并且API的使用符合Chrome扩展的开发指南和政策。在弹出窗口的脚本（popup.js）中，你可以使用。

chrome扩展chrome.extension.getBackgroundPage()为undefined的问题原因

weixin_33795833的博客

02-20

3849

今天碰到一个非常莫名其妙的问题（如题），在popup中chrome.extension.getBackgroundPage()的值居然为undefined，不管怎么改都没用。查了很多教程也没有说到这个问题。花了我一个上午，总算找到了原因。 chrome扩展的manifest.json修改配置项以后，一定要在chrome的扩展管理中删除当前扩展然后重新加载才行。更新是没有用的草（中文）！...

chrome插件出现chrome.extension.getBackgroundPage()为undefined的解决方法

jbk3311的专栏

12-27

5489

今天我也遇到了这个问题：删除重新加载了，然而并没有用，于是查看manifest.json代码，定位到background的配置，有个persistent的属性，这个属性就是来描述一个扩展持久状态的属性。当属性为false时，chrome检测到该应用不活动时，会关闭应用。这才是出现undefined的原因，设置为true，重新加载后，一切OK。 ...

CFCA CryptoKit.CUP Extension-crx插件

04-03

CFCA CryptoKit.CUP Extension是一款专门针对Chrome浏览器设计的安全应用开发工具包，旨在帮助开发者创建和实现基于证书的安全功能。这款插件以中文（简体）界面呈现，确保了中国用户能够流畅地进行操作和理解。它...

chrome.extension：HaxeJavascript google chrome扩展名类型定义

02-02

- 使用Haxe的JavaScript互操作性，开发者可以调用任何现有的JavaScript库或API，包括Chrome的扩展API。 - 通过类型定义（Type Definition），Haxe为Chrome API提供了一个强类型接口，这意味着在Haxe代码中，开发者...

实现Chrome扩展中Node.js DNS API的使用方法

Chrome扩展程序（Extensions）和应用（Apps）允许开发者创建丰富的Web应用程序，它们可以运行在Chrome浏览器或Chrome OS上。在这些应用中进行网络操作时，通常需要访问浏览器提供的API来执行诸如DNS查询等任务。然而...

chrome-extension-sandbox:玩转 Chrome 扩展

06-09

"Chrome-extension-sandbox"指的是Chrome扩展的沙箱环境，这是一个安全机制，用于隔离扩展的脚本执行，防止恶意代码对用户系统造成损害。在Chrome扩展开发中，沙箱模型是核心安全特性之一。它将扩展的执行环境分为...

chrome扩展(插件) V3版本使用

Laoqina的博客

11-02

7572

主要使用技术栈为，html、css、jschrome扩展可以使用javascript APi还有chrome Api参考了这位大佬的文章和自己实际使用问题，【干货】Chrome插件(扩展)开发全攻略-好记的博客主要构成，扩展的清单是唯一必须具有特定文件名的必需文件，清单记录了重要的元数据、定义资源、声明权限并标识要在后台和页面上运行的文件。service，扩展服务工作线程处理并侦听浏览器事件。事件有多种类型，例如导航到新页面、删除书签或关闭选项卡。它可以使用所有Chrome API。

Chromium扩展（Extension）的页面（Page）加载过程分析

热门推荐

老罗的Android之旅

09-19

7万+

Chromium的Extension Page其实就是网页，因此它们的加载过程与普通网页相同。常见的Extension Page有Background Page和Popup Page。其中，Background Page在浏览器窗口初始化完成后自动加载，之后运行在后台中。Popup Page在用户点击地址栏右边的按钮时加载，并且显示在弹窗中。本文接下来就分析Extension Page的加载过程。

chrome.runtime.getBackgroundPage 和 chrome.storage哪个快？

m0_57236802的博客

09-04

253

和服务不同的用途，并且有各自的优缺点。

巨坑：chrome extensions绝对不要升级到V3

chirpmonster的博客

05-06

6219

前言自我的谷歌插件从升级到V3起，一直遇到一些偶现的一些小bug，定位了好久，是因为background（V3叫做service worker）加载不出导致的。我在baidu搜了一圈，发现V2有个persistent属性，如果设置为true会始终后台运行，相当于一个独立的服务器页面。 false则会让background 变成了一种短暂加载进内存的脚本，脚本可以多次被线程加载执行，执行完毕后就释放，可以降低谷歌浏览器的内存耗费。事实上，这么点内存耗费并不是那么重要，所以大多数情况下无脑设置persis

chrome插件开发

寬真

10-08

2771

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

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

03-06

6591

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

开发chrome extension抓取页面数据，并传输到另一页面

m0_37729058的博客

03-08

3万+

1.前言由于最近公司项目开发需要，学习了一段时间的chrome extension开发。使用chrome extension开发的优点是学习门槛非常的低，主要使用的就是js,css,html。前端最常用的三个东西，，另外去研读一下chrome提供的接口，会使用即可。开发起来可谓是非常方便。不过缺点也是有的，开发的控件只能限定于部分使用webkit的浏览器使用（chrome的内核确切的说是Ch...

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

weixin_30363981的博客

09-11

199

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

2024年前端拓展：如何开发一个 Chrome 插件？(1)，2024年最新面试考点与面试技巧总结

2301_77595001的博客

05-12

826

inject-scripts 是通过DOM操作插入的JS代码，通常在content-scripts只能操作DOM，但是却无法访问页面的JS，借助content-scripts可以操作DOM的能力，往页面中插入JS文件，给页面提供调用插件API的能力，以及和background通信的能力。最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。这样，插件就会在被需要时加载，在空闲时被关闭。