Chrome extension 中，在background中执行其他页面的方法 - friping - ITeye博客

`

friping

浏览: 133887 次
性别:
来自: 成都

最近访客更多访客>>

xiezuowanga

zlr

xie__hai

iaiai

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

mhfbest：感谢楼主分享，但是我在chrome上测试貌似不起作用啊。有没有 ...
捕获浏览器关闭、刷新事件
王海云： p.executeUpdate();
hibernate 保存clob，blob出现的问题
hwujo：谢谢博主，解决了我的问题！
jfreechart乱码
friping：呵呵，有关工作流都是转载的，用作学习的
OSWorkflow的第一支程式
zhou363667565：写的还不错..简单明了..楼主，能把源码发出来,那就更好了。
OSWorkflow的第一支程式

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

Chrome HTML JavaScript

阅读更多

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

0
顶

0
踩

分享到：

.svn 文件批处理删除 | linux 下安装git

2010-12-31 17:15
浏览 2402
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

chrome-extension-network.zip: 在实践中，通常会有一个后台脚本（background script）使用`chrome.webRequest`来监听和处理网络请求。这个脚本是持久运行的，即使没有浏览器窗口或标签页打开，它也会继续运行。开发者可以注册`onBeforeSendHeaders...

ChromeExtension二维码生成器LuckyQRGenerator: Chrome Extension 二维码生成器Lucky QR Generator是一款专为Chrome浏览器设计的扩展程序，它允许用户快速、方便地生成二维码，将网页链接、文本、联系信息等数据转化为二维码图像。这款扩展利用了JavaScript语言的...

chrome扩展程序开发/chrome运行本地JS脚本: 例如，你有一个名为`local_script.js`的本地脚本，想要在所有页面上运行，只需在`manifest.json`中配置后，Chrome会自动注入并执行该脚本。`local_script.js`中可以包含任何合法的JavaScript代码。 **5. 消息传递...

chrome extension例子——选中文本笔记: 这篇博客文章主要讲解了如何利用Chrome扩展（Extension）功能，创建一个实用的工具，允许用户在浏览网页时方便地选取文本并进行笔记记录。Chrome扩展是一种JavaScript、HTML和CSS的集合，它们能够与浏览器交互，增强...

ChromeExtensionDocument：chrome插件中文开发文档.zip: 1. **背景脚本（Background Script）**：持续运行的JavaScript脚本，负责处理扩展的持久逻辑，如监听事件和执行异步任务。 2. **内容脚本（Content Script）**：注入到网页中的JavaScript，用于与页面DOM交互，但...

axure_chrome_extension_V0.6.3.zip: 为了解决这个问题，我们有了“axure_chrome_extension_V0.6.3.zip”这个压缩包，它提供了Chrome的Axure插件，使得用户能够顺利地在Chrome中打开并查看Axure导出的原型。首先，让我们来了解这个压缩包的组成部分： ...

Vue3开发Chrome插件时popup-content-background之间的通信API组合和实现: 插件中程序的执行流程在控制台中均打印出来，可通过控制台直观的看出代码的执行顺序，方便初学者进行理解。本插件的主要特点为——1.插件中各个端所要传输的数据均完整的被接收方所接收，且各个端之间的传输相互之间...

ChromeExtension:ChromeExtension: 在这个项目"ChromeExtension"中，我们可以深入理解如何利用JavaScript来开发Chrome的扩展程序。 Chrome扩展由几个关键组件构成： 1. **manifest.json**：这是每个Chrome扩展的核心配置文件，它包含了扩展的基本...

玩客猴ChromeExtension用于玩客猴自动喂养自动筛选: 【玩客猴ChromeExtension用于玩客猴自动喂养自动筛选】是基于JavaScript开发的一个扩展程序，主要用于提升用户在玩客猴平台上的体验。这个扩展工具实现了自动化操作，如自动喂养猴子和自动筛选任务，从而解放用户的...

chrome extension谷歌浏览器插件开发: 如果要分享给其他人，就需要将所有文件打包成CRX文件，用户可以在Chrome的扩展管理页面加载这个已打包的扩展。在标签"源码"下，我们可以理解这个压缩包可能包含了完整的源代码，供学习者研究和参考。而"工具"标签...

listen1_chrome_extension-2.17.7.zip: 5. `background.js`：后台脚本，运行在浏览器的后台环境中，可能用于监听事件、管理音乐播放状态等。 6. `options.html` 和 `options.js`：可能用于设置插件的个性化选项，用户可以调整以适应自己的需求。 7. 其他...

chrome扩展插件获取ajax请求记录: 在IT领域，尤其是在Web开发中，Ajax（Asynchronous JavaScript and XML）是一种常用的技术，它使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。这极大地提升了用户体验，因为用户不再...

chrome插件开发-页面对象注入及本地通信: 在本主题"chrome插件开发-页面对象注入及本地通信"中，我们将深入探讨两个关键概念：页面对象注入和本地通信，这两个概念是Chrome插件开发中的重要组成部分。 **页面对象注入** 页面对象注入是指将JavaScript对象或...

DynamicRaffle-ChromeExtension-源码.rar: 在`DynamicRaffle-ChromeExtension-源码.zip`中，主要包含以下几个部分： - `manifest.json`: 扩展的配置文件，定义了扩展的元数据、权限、内容脚本、背景脚本等信息。 - `popup.html`: 弹出窗口的HTML文件，通常...

ChromeExtensionV2-参考：Google Chrome Extension V2的个人参考: 通过`background.js`，开发者可以监听事件、执行定时任务，如自动刷新页面或处理用户触发的事件。 2. **内容脚本（Content Scripts）**：内容脚本可以直接操作网页的DOM，但它们与网页的JavaScript环境隔离。通过`...

Leetcode Chrome extension..zip: LeetCode Chrome 扩展是一个开源项目，旨在帮助程序员在浏览器环境下更方便地访问和解决 LeetCode 上的编程挑战。这个扩展程序通常包含了丰富的功能，比如直接在浏览器中编写、运行和测试代码，查看题目解析，以及...

chrome-extension-starter-源码.rar: 在分析"chrome-extension-starter-源码.zip"时，你需要检查上述组件是否齐全，理解它们各自的作用，并尝试理解源码中的逻辑。这将有助于你掌握Chrome扩展的开发流程和技巧。同时，为了更好地学习，你可以尝试修改...

使用VueCLI轻松启动chrome扩展项目: 为了使Vue.js与Chrome扩展协同工作，我们需要在background.js或其他相关脚本中进行一些调整。例如，你可以使用chrome.runtime API来与Vue应用通信，发送和接收消息，实现扩展功能。在开发过程中，Vue CLI提供了热...

chrome-develop-tutorial:开发 Chrome App Extension 指引: 开发 Chrome App / Extension 的指导概述 background 控制 -> popup -> options.html -> browserAction -> pageAction -> menucontext -> devtools -> omnibox -> ... Chrome App vs Chrome Extension 先要...

Global site tag (gtag.js) - Google Analytics