如何根据chrome扩展中的页面显示弹出窗口？
根据Chrome扩展中的页面显示弹出窗口，可以通过以下步骤实现：
- 创建一个Chrome扩展项目：首先，在Chrome浏览器中创建一个新的文件夹，命名为你的扩展项目名称。然后，在该文件夹中创建一个名为
manifest.json的文件，用于配置扩展的基本信息。 - 配置
manifest.json文件：在manifest.json文件中，至少需要包含以下信息：
{
"manifest_version": 2,
"name": "你的扩展名称",
"version": "1.0",
"browser_action": {
"default_popup": "popup.html"
},
"permissions": [
"activeTab"
]
}其中，name是你的扩展名称，version是扩展的版本号，browser_action中的default_popup指定了点击扩展图标时弹出的页面，permissions中的activeTab表示需要访问当前活动标签页的权限。
- 创建弹出窗口页面：在扩展项目文件夹中创建一个名为
popup.html的文件，用于定义弹出窗口的内容。
<!DOCTYPE html>
<html>
<head>
<title>弹出窗口</title>
<style>
body {
width: 300px;
height: 200px;
}
</style>
</head>
<body>
<h1>这是一个弹出窗口</h1>
<p>你可以在这里添加你的内容。</p>
</body>
</html>在上述代码中，你可以根据需求自定义弹出窗口的样式和内容。
- 加载扩展：在Chrome浏览器中打开扩展管理页面（在地址栏输入
chrome://extensions/），确保右上角的“开发者模式”已启用。然后，点击“加载已解压的扩展程序”按钮，选择你的扩展项目文件夹，点击“确定”按钮加载扩展。 - 测试弹出窗口：加载扩展后，你会在Chrome浏览器的工具栏中看到你的扩展图标。点击该图标，即可弹出之前定义的弹出窗口页面。
这样，你就成功地根据Chrome扩展中的页面显示弹出窗口了。
对于这个问题，腾讯云没有直接相关的产品和产品介绍链接地址。
相关·内容
3回答
有些扩展的弹出窗口不能很好地适应页面。如果我可以放大弹出窗口，我可以正常使用它，但没有明显的方法来做到这一点。您可以看到弹出窗口扩展到屏幕可见部分的下方。我的铬版：Platform 8350.68.0 (Official Build) stable-channel orco
Fir
浏览 12提问于2016-08-23得票数 4
回答已采纳
我正在学习编写chrome扩展。有时，我确实想从chrome开发人员站点上给出的示例中学习。正如说明所说，我需要一个browser_action或page_action，然后右键单击，然后检查弹出窗口。我想知道是否有其他方法来调试chrome扩展。另一件事是，我必须在调试控制台中编写"window.reload(true)“来重新加载弹出页面，有没有更好或更方便的方法呢？
浏览 2提问于2015-05-13得票数 1
我正在尝试建立这个chrome扩展，只显示弹出当我在youtube视频页面。然而，我在做这件事上有很多困难，并使用了许多方法。我的最新方法是使用chrome.action.onClicked并检查URL中是否包含https://youtube.com/watch。然后我会对我的超文本标记语言文件使用chrome.action.setPopup。这在所有页面上都有效，直到
浏览 83提问于2021-06-18得票数 0
3回答
我有一个Ubuntu 18的学校实验室。在一些计算机上，当Chrome打开时，我会看到弹出窗口显示“本地天气”或"Sandra转账99,999.00美元PayPal“之类的东西。chrome://extensions为空白谢谢..。
浏览 0提问于2019-12-05得票数 1
我的问题是，当我在Chrome中的表单上的任何输入控件上单击向下按钮时，会显示一个弹出窗口。我肯定我的代码不做这件事。它只发生在Chrome上，这让我想到了一些行为不当的Chrome插件/扩展。无论如何，我希望看到负责此弹出的HTML元素。但是，我在开发工具中找不到它，并且试图将注意
浏览 2提问于2012-11-23得票数 2
回答已采纳
1回答
我正在开发一个chrome扩展，我遇到了一个问题。当我点击右上角时，我会看到正常的弹出窗口，我在屏幕上右击，在上下文菜单中使用chrome.window.create在新窗口中调用相同的弹出窗口。问题是，我不知道如何知道弹出窗口是通过我的window.create显示的，还是仅仅通过点击右上角的</em
浏览 1提问于2021-06-02得票数 0
一个google chrome扩展可以有一个浏览器动作，当点击时会显示一个‘弹出’。当有人将鼠标悬停在页面上的元素上时，我希望显示这样的弹出窗口。下面是一个在实际页面上浮动的弹出式窗口示例。我如何使用chrome扩展来实现这一点？皮特
浏览 7提问于2010-12-30得票数 2
我正在开发一个Chrome扩展来做以下事情。这个扩展应该在每个页面上都有效。但是问题是当前url的IP应该在加载url时已经加载。当弹出窗口显示时不会出现，这样在弹出窗口和通过web服务获取IP地址之间不会有延迟。
因此，在本质上，扩展的<
浏览 2提问于2012-07-14得票数 1
回答已采纳
对于铬扩展清单v2，我可以在DevTools中打开背景页面，打开“应用程序”选项卡，选择"IndexedDB"，然后看到数据。此方法不适用于服务工作者(清单v3)。没有显示数据。我确信数据是存在的，但没有显示出来。
浏览 1提问于2022-07-08得票数 0
回答已采纳
在下面的google chrome扩展文件中，为什么我不能在myscript.js文件中使用jquery脚本，jquery没有在myscript.js文件中加载，应该在清单文件中进行哪些更改才能在myscript.js
浏览 0提问于2013-03-21得票数 2
回答已采纳
我需要在弹出窗口中加载不同的文档。我使用的是：它可以工作，只是直到我再次单击扩展按钮时才会显示新页面。Opera有类似的API，但即使弹出窗口已经打开，弹出窗口内容实际上也会被替换。
那么，如何让Chrome pop
浏览 2提问于2010-11-03得票数 1
回答已采纳
chrome扩展-弹出页面有链接。需要显示的说明悬停的链接作为一个弹出式到左侧的链接(意味着描述div将来自外部的扩展wondow)。(弹出式页面有弹出窗口)
类似于垂直下拉菜单...应该可以在chrome扩展中工作。
浏览 1提问于2010-06-22得票数 0
我正在开发一个Chome扩展。单击扩展图标时，可通过右击和左键单击来访问contextMenu。我想要的是一个彩色图标，当我左键点击时，默认的Chrome扩展弹出窗口就会打开。默
浏览 17提问于2016-09-28得票数 0
回答已采纳
我在hot-keys文件中使用谷歌的commands选项创建了manifest.json。(例如name - Alt+N)并显示在popup.html页面中。当我用下面的代码单击扩展时，我可以得到选定的文本： code: "window.getSelection().toString();" document.getElementById("pr
浏览 3提问于2015-08-11得票数 0
回答已采纳
我反复阅读了消息传递页面，并尝试了它的多个变体，我假设我犯了一个小错误。我想要做的是:用内容脚本获取页面的背景颜色，然后将该信息发送到我的弹出窗口(不是背景页面；我不知道这是否重要)，然后允许弹出窗口(简单的示例)在弹出窗口中写入该变量。
浏览 1提问于2011-04-19得票数 0
我正在做一个小应用程序，我想知道是否有一种方法来查看您正在“捕获”的屏幕chrome.runtime.onConnect.addListener( function( port ){ "state": "pend
浏览 0提问于2016-04-06得票数 0
我正在创建一个Chrome扩展，当点击它时，会显示一个带有许多类别和复选框的弹出窗口。如果单击复选框，扩展将与网页交互并突出显示与所选类别相关的文本。现在我的问题是，当我点击弹出页面复选框时，如何突出显示pdf文件中的文本。或者如何与Chrome扩展
浏览 4提问于2011-03-10得票数 4
1回答
当我将通知添加到我的铬扩展时，首先我必须转到e.q。从铬“显示通知”弹出的options.html页面。是否可以以某种方式将其显示在chrome扩展弹出窗口中，或者显示在chrome://extensions/中的扩展安装上？
浏览 2提问于2016-08-10得票数 0
回答已采纳
这是我的载货单。calculator-16.png",}, "tabs"}
当我在我的应用程序中使用console.log(chrome)时，我得到了这个..
浏览 2提问于2016-06-18得票数 0
我正在做一个chrome扩展，它从JSON中获取JSON数据，目前我在后台脚本中运行它。我不能百分之百确定这一页的真正目的是什么。我在想，在我点击弹出窗口中的一个按钮后，我是否可以简单地从弹出脚本中获取数据？
每个按钮代表一个不同的硬币。我基本上想得到一个选择的硬币的价格，并显示在任何网页上，当用户双击硬币在一篇文字文章。最后，我想使它，所以你可
浏览 3提问于2019-04-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
