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
分享到:
相关推荐
插件中程序的执行流程在控制台中均打印出来,可通过控制台直观的看出代码的执行顺序,方便初学者进行理解。本插件的主要特点为——1.插件中各个端所要传输的数据均完整的被接收方所接收,且各个端之间的传输相互之间...
开发 Chrome App / Extension 的指导 概述 background 控制 -> popup -> options.html -> browserAction -> pageAction -> menucontext -> devtools -> omnibox -> ... Chrome App vs Chrome Extension 先要...
chrome扩展插件获取ajax请求记录
功能齐全的Preact Chrome Extension样板 :wrapped_gift: :house_with_garden: 内建 :check_mark: 清单V3 :check_mark: 内容脚本 :check_mark: 后台工作者 :check_mark: 弹出 :check_mark: 选项页面 :...
Chrome扩展样板。 基本用法 yarn yarn dev // create development build yarn build // create production build ... 在src/background.js编写Chrome扩展程序的后台脚本代码 在src/popup-page React
Chrome扩展程序入门项目该项目的目标是使您能够快速开始使用Typescript和sass为...- chrome extension configuration file├── background│ └── background.ts <- entry point for background bundle├──
google-chrome-extension-new-tab-background-image 在 Google Chrome 中打开新标签页时,此 Google Chrome 扩展程序将显示来自 Gilt.com 的精美图片。 可在此处用作时尚新标签: : en&gl 在 MIT 许可下可用
大声笑构建管理器Chrome扩展名 适用于英雄联盟版本管理器的Chrome扩展程序。 它通过侦听选项卡更改并检查“英雄联盟构建管理器”是否支持选项卡url并显示按钮来打开新功能,该按钮可打开。 发展 npm install npm ...
chrome-extension-developmentfrom 0 to 1 develop extensionjpg做图标貌似不行。(没打包的是不能使用jpg的。。。)background 存数据主播页面 自动下注<<<<<<< HEADmissioncreate a window ...
“剁你丫手”是一个chrome插件,目前尚在开发之中(因为我太懒啦自己能用就不想用户友好了……)如果你想着急用的话,请将所有代码down下去放到某个文件夹里,然后:在background.js中可以修改屏蔽网站列表、不禁止...
ScreenLook基于chrome extension开发的录屏插件notebackground.js 91 getUserMedia报错NotAllowedchrome的bug需要在detect.js中进行操作在非https或localhost页面中调用mediaDevices.getUserMedia会undefined扩展在...
A Chrome extension to add background images to Baidu Tieba. 为贴吧添加自定义背景,让贴吧不再单调。 安装方法 下载 tieba-background.zip 并解压至一个不会变动的文件夹; 另一个下载地址: 点击 Chrome 菜单...
每次开发都是重复地创建项目结构,东拼西凑压缩、混淆、打包工具或者就是直接复制其他项目,删除实现部分留下框架结构。这样做其实也花不了多少时间,但是却难以通用、很不优雅。 之所以没有现成的框架或者工具,...
开发时可在Vuejs热加载上快速创建Chrome扩展程序的模板。 安装: 该样板是作为的模板构建的,并包含用于自定义最终脚手架应用程序的选项。 # install vue-cli $ npm install -g vue-cli # create a new project ...
#不要分散注意力,这有助于您专注于工作。 这是Chrome的扩展程序。 ...该应用程序是由Lucky在2013.12中基于github上的Hawstein / WebsitePostponer编写的,仅用于学习。 您不得将其用于商业用途。
具有HeadHunter oAuth授权的示例Chrome扩展程序 受启发 概念证明是肮脏的原型。...在Chrome中加载解压后的扩展程序 在扩展操作中按hh按钮 扩展程序将在hh.ru上授权您并显示记录的用户信息( GET /me )
从无耻撕毁用法在manifest.json : " permissions " : [ " management " , " activeTab " ] management允许重新加载chrome扩展程序(必需) activeTab允许将状态记录到当前选项卡(可选) 在您的background脚本中:...
我有一个包含各种背景的照片文件夹,这些照片在计算机中循环显示。 遇到要添加的照片时,使用此扩展名,右键单击并选择“添加到背景显示”,然后将照片直接下载到该文件夹中 地点 这会将它们下载到一个名为〜/ ...
修改 background.js 中在 Main Code 以下的代码 修改图标 大概是文档 WSKeeper类 创建自动重连的 WebSocket 连接,具体用法如下: var ws = new WSKeeper( "ws://lab.laobubu.net:8000", //websocket ur