Chrome扩展程序:从background.html打开popup.html的编程方式？
在Chrome扩展程序中，从background.html打开popup.html的编程方式可以通过以下步骤实现：
- 在扩展程序的manifest.json文件中，设置扩展程序的浏览器操作（browser_action）或页面操作（page_action），并指定其图标和标题。例如：{ "manifest_version": 2, "name": "My Extension", "version": "1.0", "browser_action": { "default_icon": "icon.png", "default_title": "Click to open popup" }, "permissions": [ "activeTab" ], "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "48": "icon.png" }, "page_action": { "default_icon": "icon.png" } }chrome.browserAction.onClicked.addListener(function(tab) { chrome.windows.create({ url: "popup.html", type: "popup", width: 400, height: 300 }); });<!DOCTYPE html> <html> <head> <title>Background Page</title> <script> function openPopup() { chrome.windows.create({ url: "popup.html", type: "popup", width: 400, height: 300 }); } </script> </head> <body> <button onclick="openPopup()">Open Popup</button> </body> </html>通过以上方式，可以在background.html文件中打开popup.html文件。
- 在background.js文件中，监听浏览器操作或页面操作的点击事件，并在事件处理函数中打开popup.html。例如：
- 在background.html文件中，添加一个按钮，并为其设置点击事件，在点击事件处理函数中打开popup.html。例如：
相关·内容
1回答
我正在开发一个Chrome扩展程序。其目的是在一个页面上显示从多个服务器收集的数据。我正在利用Chrome扩展的能力，当PC打开时，可以作为后台进程运行，因此数据总是被收集起来。"}单击弹出图标时打开Background.html的新实例。Work.js
无限循环:使AJAX请求、处理数据和更新<e
浏览 7提问于2017-07-07得票数 0
回答已采纳
当chrome.tabs.create函数被接收到的消息触发时，它会创建2个选项卡。在下面的演示代码中，创建了一个cat选项卡和两个狗选项卡。 chrome.tabs.create({'url': chrome.extension.getURL('<em
浏览 3提问于2015-06-15得票数 1
回答已采纳
在我正在开发的Chrome扩展中，当弹出窗口被点击时，我想访问在后台页面中创建和维护的数据结构。不幸的是，我是Javascript和Chrome扩展开发的新手，你能告诉我怎么做吗？这是否涉及到弹出窗口和后台页面之间的消息传递？谢谢。
浏览 2提问于2012-06-12得票数 8
回答已采纳
我正在学习如何扩展Google chrome，我遇到了以下问题：{ "version": "1.0","https://*/*" }<script>
&#x
浏览 0提问于2011-04-04得票数 1
回答已采纳
在谷歌Chrome的中，它说
我已经加载和测试了jQuery，并且可以用jQuery访问background.html中的DO
浏览 11提问于2010-05-05得票数 11
回答已采纳
6回答
我正在尝试创建chrome扩展，但是我的点击不起作用！我几乎什么都试过了。", "https://*/*" "background_page": "background.html"popup.html：
<html>-- Try adding the listener in pop
浏览 0提问于2009-12-21得票数 34
回答已采纳
据我所知，直接获取tab.url是不可能的(只有在popup.html中才有可能)，而且消息传递也要求popup.html是开放的。有什么办法可以绕过这一步，从background.html获取当前页面的url吗？我最擅长的就是消息传递，我在background.html中使用了下面的代码var myURL = bg.myURL;
然后在
浏览 10提问于2011-06-23得票数 11
回答已采纳
我在chrome扩展弹出窗口中有一个简单的javascript表单。当单击扩展图标时，用户填写表单并单击"go!"，这将打开一个新选项卡-此新选项卡的URL将根据表单中的值确定。当用户单击按钮时，如何打开选项卡？", "default_icon": "icon.png",
"popup"
浏览 4提问于2011-04-17得票数 6
回答已采纳
我想从我的background.html页面打开我的popup.html。我也想用同样的方法来传递数据。这个是可能的吗？有没有人破解过这样做的方法？
浏览 2提问于2011-03-05得票数 3
我正在尝试将保存在sessionStorage中的数据从background.html传递到popup.htmlchrome.extension.onRequest.addListenerdata = sessionStorage.getItem(request.tabId); sendResponse({ data: data });在popup.html中：
chrome</em
浏览 0提问于2012-01-03得票数 0
回答已采纳
我正在编写一个Chrome扩展，并试图在点击popup.html文件中的按钮后立即在当前网页上覆盖一个<div>。当我从popup.html中访问document.body.insertBefore方法时，它会覆盖弹出窗口上的<div>，而不是当前网页。我必须在background.html和popup.html之间使用消息传递才能访问网页的DOM吗？我想用popup.html</em
浏览 0提问于2010-12-26得票数 76
回答已采纳
1回答
我正在构建一个Chrome扩展程序，我是这样设计的：
它应该如何工作:后台页面(和相关的js)执行并创建一个HTML表。单击浏览器操作弹出图标后，从后台页面DOM检索该
浏览 0提问于2014-05-21得票数 0
回答已采纳
4回答
在我的扩展中，我想使用我自己的WebAssembly模块。在加载我的模块(到background.html或popup.html)之后，我捕捉到编译错误：
CompileError: WebAssembly.compile()：Wasm代码生成被嵌入程序不允许Chrome扩展不支持wasm模块吗？
浏览 0提问于2018-01-30得票数 19
回答已采纳
1回答
我正在开发一个Chrome扩展程序，在background.html中，我想测试用户是否已注册，如果没有触发popup.html，并获得用户电子邮件。get user_email from form in popup.html}
我遇到的问题是，下次该程序运行时，extension_user将再次设置为空字符串，popup.html</
浏览 3提问于2011-10-23得票数 1
回答已采纳
2回答
我想创建一个chrome扩展，当你点击它时，你就会打开我的网站。但是怎么做呢？我试着在谷歌上搜索，但这是我能创建的所有内容： "name": "My First Extension", "description": "The first", "defaul
浏览 0提问于2011-02-13得票数 1
回答已采纳
1回答
该应用程序从后台页面打开一个弹出窗口。打开的弹出窗口具有访问后台页的一些变量的js文件。但当它试图进入，background.html包含return <e
浏览 1提问于2014-03-11得票数 0
回答已采纳
1回答
我想知道在manifest 2中是否有一种新的方式来重写像这样的示例应用程序。
我开始将其转换为MANIFEST2应用程序，但遇到了一些问题。
浏览 1提问于2012-08-15得票数 0
回答已采纳
我正在创建一个Chrome扩展，并且非常困惑内容脚本和消息传递是如何工作的。下面我详细介绍了扩展的目标和到目前为止的代码。扩展需要：
以扩展可以分析关键字并相应地操作的方式将元数据传递回扩展。该扩展部分将根据网站类别(即社交媒体、博客、体育网站)显示不同的</em
浏览 1提问于2013-07-06得票数 0
我想创建一个Chrome扩展，在那里我可以通过编程方式访问加书签的链接的DOM，检查页面标题并将其显示在popup.html中。
我们可以通过编程方式访问多个URL的DOM，而不必打开它们吗？
浏览 1提问于2015-03-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
