ReactJS使用内容脚本而不弹出(Chrome扩展)
ReactJS是一种流行的JavaScript库，用于构建用户界面。它采用组件化的开发模式，可以将页面拆分成多个独立、可复用的组件，使得开发更加高效、易于维护。ReactJS的使用内容脚本而不弹出是指在Chrome扩展中使用ReactJS时，可以将React组件嵌入到内容脚本中，而不是弹出一个新的窗口或标签页。
使用ReactJS的内容脚本可以实现以下优势和应用场景：
- 组件化开发：ReactJS的核心思想是将页面拆分成多个组件，每个组件只负责自己的逻辑和渲染，可以实现高度复用和模块化的开发。这使得开发人员可以更加高效地构建复杂的用户界面。
- 响应式更新：ReactJS采用虚拟DOM的机制，通过比较前后两个状态的差异，只对真正需要更新的部分进行操作，从而提高页面渲染的效率。这使得ReactJS在大规模数据变化的场景下具有很好的性能表现。
- 单向数据流：ReactJS采用单向数据流的数据传递方式，父组件可以通过属性将数据传递给子组件，子组件通过回调函数将数据传递回父组件。这种数据流动的方式使得程序的状态管理更加清晰，易于理解和调试。
- 虚拟DOM：ReactJS使用虚拟DOM来描述页面结构，通过在内存中构建和比较虚拟DOM树，减少了对实际DOM的操作次数，提高了性能。虚拟DOM还可以方便地与其他库或框架进行集成，实现更复杂的应用需求。
在腾讯云中，可以使用云开发（CloudBase）服务来部署和托管ReactJS应用。云开发提供了完整的开发工具链和云端基础设施，可以帮助开发者更快速地构建、测试和上线ReactJS应用。
具体而言，可以使用腾讯云开发提供的静态网站托管服务来部署ReactJS应用的前端代码，该服务提供了全球部署和CDN加速，可以确保用户快速访问网站。此外，腾讯云开发还提供了云函数、数据库、存储、身份认证等功能，可以满足ReactJS应用的后端需求。
腾讯云相关产品和产品介绍链接地址：
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 静态网站托管：https://cloud.tencent.com/product/scf
总结而言，ReactJS使用内容脚本而不弹出是指在Chrome扩展中使用ReactJS时，可以将React组件嵌入到内容脚本中，以实现高效、可维护的用户界面开发。腾讯云提供的云开发服务可以帮助开发者更好地构建、部署和托管ReactJS应用。
相关·内容
我正在尝试使用内容脚本打开Chrome扩展弹出窗口。我必须打开悬停在网站上的链接弹出窗口，并通过一些内容弹出窗口。
background.js
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
if ((request.key == 'info')) {
sendResponse({ response: request.data });
}
});
内容脚本：
$(".xyz").mouseover(function
浏览 0提问于2017-11-26得票数 0
我正在为Chrome开发一个扩展，下面是我想要实现的工作流程：
弹出发送消息->内容脚本1侦听->内容脚本1发送消息->内容脚本2侦听->内容脚本2执行操作
从概念上讲，这很好，而且很好；我所做的是设置两个侦听器:每个内容脚本中有一个：
弹出：
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
console.log('popup send request');
chrome.tabs.sendMe
浏览 4提问于2015-02-03得票数 0
我正在使用ReactJS创建一个chrome扩展。实际上，我希望有两个页面-一个是弹出窗口，另一个是通过单击弹出窗口上的按钮在新选项卡中打开的第二个页面。
浏览 0提问于2018-08-21得票数 5
1回答
我还在学习所有的Chrome扩展方案，包括背景/内容/弹出脚本。
我有一个在$(document).ready()上运行一些脚本的页面，它在窗口中设置了一个新的变量，我可以在网站中访问它，比如"window.newVariableHere“。每当我打开扩展弹出窗口时，我希望能够回显这个变量的内容。
我尝试在popup.js (在我的popup.html中调用它)中执行以下操作：
chrome.extension.getBackgroundPage()
但是它不会显示新的变量(我确信它是创建的)。有没有更好的方法呢？
感谢大家的点子
浏览 0提问于2014-11-13得票数 0
我目前正在开发一个使用PageAction的chrome扩展。我希望PageAction注入一个脚本并在单击时显示一个弹出窗口。我使用以下代码：
// Called when the user clicks on the page action.
chrome.pageAction.onClicked.addListener(function (tab) {
chrome.pageAction.setPopup({ tabId: tab.id, popup: "popup.html" });
chrome.pageAction.show(tab.id);
// No
浏览 2提问于2020-04-05得票数 0
回答已采纳
我试图使用Microsoft Edge上的Chrome扩展来修改它，但是我无法构建弹出窗口，因为在我的弹出窗口脚本中，似乎不存在一些变量：
var bg = chrome.extension.getBackgroundPage();
这一行不工作，它应该访问内容脚本的数据。我发现一些人说必须使用browser.extension.getBackgroundPage()来替换它，但是它不起作用。
我该用什么来代替这条线？
浏览 6提问于2016-07-20得票数 2
回答已采纳
在我的web应用程序中，我需要通过let popup = window.open(url, 'MyPopupName' ..)打开一个弹出窗口，然后以某种方式在一个chrome扩展中获得对该窗口/选项卡的引用。
我不能在弹出窗口中使用任何脚本，因为url来自另一个来源。似乎没有一种简单的方法可以通过指定的“MyPopupName”名称查询铬扩展中的所有选项卡(除了向所有选项卡注入脚本和通过消息传递获取window.name )。
是否有一种简单的方法可以将popup传递给扩展并获取弹出窗口的tabId？
浏览 6提问于2022-08-05得票数 0
在Firefox/Chrome WebExtension中，当您从后台脚本向弹出窗口发送消息时，您不能使用tabId，因为弹出窗口没有。所以你必须使用：
chrome.runtime.sendMessage(data)
但是这条消息也会被所有标签接收到。我只想给弹出窗口发个信息。这有可能吗？
浏览 0提问于2019-03-23得票数 0
我正在尝试我的第一个Chrome扩展。
我偶然发现了一个问题，我无法从内容脚本到弹出窗口进行通信。
上下文：
我的弹出包含一些localStorage数据，我想在页面刷新/init时从内容脚本中检索这些数据，这样我就可以在页面上使用这些数据了。
如果我正确地理解了，这应该是可能的。
上面写着：
“从内容脚本发送请求如下所示：”
chrome.runtime.sendMessage({greeting: "hello"}, function(response) {
console.log(response.farewell);
});
所以我试过了，我可以看到上面的代码是从我
浏览 0提问于2018-06-07得票数 2
回答已采纳
我是个chrome扩展新手。我想创建一个简单的铬扩展弹出一个警报与当前html页面的标题。当我执行：alert(document.title)时，我得不到它，因为document对象不属于页面，而属于扩展脚本(正确吗？)如何获得正确的document对象？
浏览 3提问于2011-10-08得票数 15
回答已采纳
当我试图从弹出到我的内容脚本发送消息时，我会收到这个错误。我要做的是从我的content.js中获取当前选项卡的文档，并将其发送到弹出窗口。我怎么才能解决这个错误呢？
{
"manifest_version": 2,
"name": "Chrome Snapshot",
"description": "Save images and screenshots of sites to Dropbox.",
"version": "1.0",
"permissi
浏览 5提问于2013-06-24得票数 4
我正在尝试使用chrome.windows.onCreated，但我得到了Uncaught TypeError: Cannot read property 'onCreated' of undefined。我在示例中注意到，所有对chrome.* API的调用似乎都来自背景脚本？我不能在内容脚本中使用它们吗？
我想在浏览器中触发点击。然后在弹出窗口中获取一些信息(刮擦)。为此，我想我需要知道什么时候打开窗户。所以我需要windows.onCreated？我可以在内容脚本中使用它吗？或者我将如何结合背景和内容脚本？
浏览 2提问于2012-07-28得票数 2
我有一个Chrome扩展，当我点击弹出页面上的按钮时，它会向后台脚本发送一条消息。然后，这个后台脚本创建一个选项卡，而URL就是扩展安装中附带的index.html文件。(它位于扩展文件夹的根目录中)
chrome.tabs.create({ url: "index.html" }, (tab) => { });
嗯，它确实创建了带有正确index.html的选项卡，但地址栏/全功能框中的url是：
chrome-extension://pdkkaldkelomkfiohdhcklphjclggmoh/index.html
问题是，我需要为这个index.html附加一个
浏览 7提问于2021-03-01得票数 0
当使用Chrome时，网站上的FB评论和点赞无法通过。我已经尝试过登录FB和注销了。登录后，几秒钟后会弹出一条消息，提示“您尚未登录。请登录并重试。”当我注销时，登录窗口弹出，我可以登录FB，网站上的评论框显示了我的个人资料照片，但当我试图发送评论时，同样的消息再次弹出。我已经删除了缓存和cookies，重新启动了Chrome，但没有任何帮助。顺便说一下，在Firefox和IE中一切都运行得很好。
在这个问题上，我真的很感谢你的帮助。
浏览 5提问于2013-03-23得票数 0
2回答
我想尝试一下Chrome扩展开发。我在扩展方面做的最多的就是在过去编写一些小Greasemonkey脚本。
我想使用localStorage存储一些数据，然后在扩展按钮上显示数据，稍后单击。(看起来这是通过弹出页面完成的)
每次从*加载页面时，我如何运行脚本？我如何访问该页面？我认为根据我的localStorage要求，我必须沿着background_page路线走(对吗？)背景页和弹出页能在localStorage之间通信吗？
更新：
我实际上是想学习"Chrome方式“。我并不是真的想运行一个现有的Greasemonkey脚本
浏览 3提问于2011-05-13得票数 1
回答已采纳
1回答
我的Chrome扩展通过注入以下内容脚本成功地在活动页面(而不是跨源)上执行AJAX请求：
// post.js
$.post("/login", {
name: "blabla"
}, function (data) {
alert("Success!");
});
此脚本从弹出/背景页面注入chrome.tabs.executeScript：
chrome.tabs.executeScript(null, {
file: '/src/assets/jquery-2.1.4.min.js'
}, func
浏览 1提问于2015-12-03得票数 1
回答已采纳
我对流行的chrome扩展中通常遵循的实践感到困惑。我正在尝试开发自己的chrome扩展，在完成基本教程后，我有一个默认的弹出页面，每当我单击地址栏附近的扩展图标时，它都会打开。到目前一切尚好!在检查安装在我的chrome浏览器中的一些优秀扩展的源代码时，我才知道，它们都不使用default_popup页面，但肯定会通过后台页面或内容脚本调用一些javascripts。但用户看到的最终行为在功能上类似于屏幕右上角的弹出窗口，尽管更像样。有没有理由不使用default_popup而不使用其他机制？
浏览 2提问于2015-02-26得票数 1
我试图使用以下代码从background.js向content.js发送一条消息：
背景
chrome.runtime.sendMessage({'method': 'test'});
含量
chrome.runtime.onMessage.addListener(function(message,sender,sendResponse){
if(message.method == 'test')
console.log('Got message');
});
当background.js从popup.js接收到发生在
浏览 2提问于2014-11-05得票数 12
1回答
Chrome.usb可以使用Chrome.usb和Chrome.hid apis。在编写Chrome扩展时，这些都是不可取的。在弹出html中可以使用web.usb或web.hid吗？
在我的popup.js中
if ("hid" in navigator)
返回“真”
浏览 5提问于2022-05-10得票数 1
我正在试验chrome.extension API。
manifest.json
{
"name": "First",
"version": "1.0",
"manifest_version": 2,
"description": "First extension",
"background": {
"scripts": ["test.js"]
},
浏览 5提问于2012-12-30得票数 5
回答已采纳
2回答
我想让我的Chrome扩展的弹出页面显示一个Google Chart，显示用户的新闻阅读习惯的信息。我注意到(特别是这里：)这方面的一个问题是Chrome扩展不允许内联脚本，这使得包含使用Google Chart所需的API文件变得复杂。有什么办法可以解决这个问题吗？有没有什么地方可以下载完整的API，以便简单地包含在我的扩展中？
浏览 1提问于2013-03-12得票数 4
回答已采纳
我对Chrome扩展开发非常陌生，我想做一些非常简单的事情，但我不知道为什么它不起作用。实质上，我想：
运行一个以编程方式注入脚本的popup.js脚本
让注入的脚本从active选项卡获取一些数据
使用chrome.runtime.sendMessage将数据发送回popup.js
在popup.js中接收数据时执行一些操作(例如，在扩展弹出中显示活动选项卡的URL )
我的清单中的权限是"activeTab“、”存储“、”选项卡“。
下面是我尝试用于测试目的的代码
popup.js
chrome.tabs.executeScript(null, {file:
浏览 3提问于2016-08-24得票数 2
回答已采纳
在我发布更新后，我正试图为我的Chrome扩展的用户创造一个平滑的体验。
我在应用程序的更新中重新弹出我的内容脚本，即使用户继续在扩展更新后没有刷新的页面上使用我的扩展，我的功能也能工作。刷新页面是理想的，但我不想强迫我的用户。
但是，当我的代码试图从内容脚本/页面发送消息到我的背景页面时，在扩展更新之后，但是在刷新页面之前，我的内容脚本控制台(内容脚本插入的页面被插入到的页面)中会出现以下错误：
未知错误:扩展上下文无效。
有没有办法“重建”连接？我尝试了一个长时间的端口和定期消息传递-更新扩展具有相同的效果。
任何想法/方向都值得赞赏。
下面是我的简单消息传递代码(在内容脚本中)，
浏览 3提问于2018-12-27得票数 70
背景
我有一个带有浏览器操作的Chrome扩展，可以在一个新的选项卡中启动index.html。
我想先更新扩展以在一个index.html中打开，然后在一个新的选项卡中包含一个用户可以点击的按钮来选择打开应用程序。
我不希望这个按钮在它不是弹出窗口时显示出来(因为它没有意义)，这意味着内容脚本需要知道它是否是一个弹出窗口才能显示该按钮。
问题
这是两个部分的问题：
Chrome扩展弹出窗口是如何知道它是弹出的？
如何在弹出窗口呈现之前将该信息传递给内容脚本？
我试过什么
我尝试使用chrome.extension.getViews在background.js中首先确定弹出窗口
浏览 5提问于2015-05-02得票数 9
回答已采纳
我添加了一个新的(弹出)
不是您在清单中注册的popup.html。
用户将信息放在窗口中，当他们单击按钮时，需要将信息发送到content.js脚本。
(弹出)窗口的html位于扩展包中，因此不需要在manifest.json中添加“manifest.json”对象，而且它也不是其他扩展的一部分，因此不使用sendMessageExternal方法。
Manifest.json
{
"name": "extension name",
"version": "0.1",
"options_page": &
浏览 1提问于2019-08-04得票数 0
回答已采纳
1回答
我的manifest.json中有这样的设置：
"content_scripts": [
{
"matches": ["http://*/*"],
"css": [],
"js": ["content-script.js"]
}
],
以下是内容-script.js文件中的代码：
console.log('this is the content script.');
chrome.browserAction.onClick
浏览 4提问于2018-01-01得票数 2
1回答
我正在寻找一种从原始弹出页面(从内容脚本中)发送数据(或直接编辑) DOM/HTML的方法。我的脚本是使用以下行启动的：
chrome.tabs.executeScript(null, {file: "script.js"});
我正在寻找一种访问原始弹出的HTML的方法，这样我就可以动态地编写和更新script.js正在做什么的日志。
如果你需要更多的信息，我将非常乐意编辑这篇文章。
非常感谢你的帮助！
浏览 8提问于2016-03-04得票数 2
回答已采纳
我有一个非常奇怪的问题，我开发了一个and扩展，它使用内容脚本和后台脚本(使用chrome.runtime.connect)和本地脚本之间的消息传递。
我面临的问题是，当我安装扩展时(事先从商店手动安装，然后连接到我的网站，一切正常工作，chrome.runtime.connect工作，并返回一个有效的端口到后台脚本。
但是，当我从我的网站内安装扩展以绕过必须导航才能在网页中获得内容脚本的事实时，我会使用以下方法手动将内容脚本插入到我的页面中
function injectContentScript() {
var s = document.createElemen
浏览 7提问于2017-08-24得票数 2
回答已采纳
1回答
我正在制作一个chrome扩展，用于监视用户的DOM事件。对于开始注册DOM事件的扩展，用户必须单击扩展弹出窗口中的start按钮，要取消注册DOM事件，用户需要单击扩展弹出窗口中的stop按钮。
我已经成功地实现了这一点，它的工作方式是用户点击“开始”按钮，注册点击该按钮的popup.js文件使用chrome的message api向内容脚本发送一条消息。内容脚本添加侦听器并完美运行。然而，当用户点击到另一个url的链接时，内容脚本停止运行，并且为了使其再次启动，用户必须再次点击该网页的“开始”按钮。
我希望内容脚本开始运行时，他们点击“开始”和运行，直到他们点击“停止”，这是在弹出的环境。
浏览 3提问于2015-11-22得票数 0
我正在编写一个脚本来自动执行一个在chrome上的任务，我使用Python和Selenium，问题是这个任务需要单击chrome扩展弹出窗口中的一个按钮才能完成任务，但是我不能使用selenium启动chrome扩展弹出上的click()类。
你知道我们怎样才能解决这个问题吗？
浏览 11提问于2022-02-01得票数 0
回答已采纳
Chrome扩展弹出窗口中的CKeditor发布：“由于内容-安全-策略，拒绝从'about:blank‘加载框架。”
我正在尝试更新chrome扩展，以便与manifest 2和新的Chrome API一起工作，这些新的Chrome API目前已经破坏了最新版本18.0.1025.142的插件。
我在一个弹出窗口中使用CKEditor，该弹出窗口是由扩展中的背景页面发出的。
但是我得到了Refused to load frame from 'about:blank' because of Content-Security-Policy.2错误--有什么方法可以解决这个
浏览 1提问于2012-04-03得票数 1
回答已采纳
我的chrome扩展使用长寿的'Port‘对象在'content script’和'popup‘页面之间传递消息。“弹出窗口”能够向“内容脚本”事件监听器发送一条消息。但是，“内容脚本”中的“Port”对象无法将消息发送到“popup”页面。
var port = chrome.extension.connect({"name":"swap"});
// listener for incoming connections
chrome.extension.onConnect.addListener(function( incomingP
浏览 0提问于2012-08-03得票数 2
回答已采纳
1回答
是否有更好的方法在内容脚本和弹出/背景之间传递命令？现在我正在做这样的事情(它既不容易维护，也不健壮.)
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
if (request) {
switch (request.command) {
case "command1":
//do stuff
break;
case "command2":
浏览 1提问于2019-03-16得票数 1
回答已采纳
我不知道如何在内容脚本和页面操作之间传递数据。
我从以下简单的框架开始，它显示了任何标题为负号的页面操作：
扩展清单(manifest.json)：
{…“权限”："http://example.org/*"，“背景：{”脚本“："background.js"}，"page_action"：{"default_popup"："popup.html"，…}，"content_scripts"：{“匹配”：“content_scripts”js："content.js“}}
背景脚本(b
浏览 9提问于2013-01-25得票数 2
我有一个Chrome扩展，可以(如果您允许访问文件URL)获取您的本地pdf文件，您已经打开的铬，并将它发送到我们的API进行处理。这是通过从背景脚本中获取XMLHttpRequest到file:///Users/user/whatever/testfile.pdf的pdf来完成的。
当迁移到针对Chrome扩展的显式v3时，后台脚本将成为一个服务工作者。在服务工作者中，只有fetch可用，而不是XMLHttpRequest。问题是，fetch只支持http和https，而不支持file:// urls。那么，如何使Chrome扩展获取/获取本地文件的功能相同呢？
编辑:我也尝试过：
根据
浏览 14提问于2021-02-17得票数 5
回答已采纳
我做了一个铬的扩展，以喜欢特定的网页张贴自动。使用一个简单的弹出控制器和后台线程来处理fb交互
我不能用官方的示例方法将facebook加载到扩展页面中。
脚本是由chrome工具加载并执行的。
但是window.FB不是由加载的脚本定义的！
我还手动添加了脚本标记。
它同时出现了背景线程和弹出窗口。
如果注入iframe来加载页面，它将成功加载window.FB并弹出登录/身份验证窗口。但是它有一个跨域的问题！
div#fb-根存在.
menifest.json有content_security_policy
脚本-src 'self‘；object-src
浏览 1提问于2013-07-22得票数 4
2回答
三天前，我开始使用chrome扩展，我非常喜欢它。我遇到了一个问题:我最小化了再现问题的脚本：
如果我在stackoverflow.com上，我可以点击图标并打开一个弹出窗口，上面写着“已工作”，如果它向后台脚本发送了一条消息并收到消息“已工作”。
如果我现在重新启动浏览器，我会看到一个弹出窗口，显示在developer模式下的扩展可能是有害的，以及我是否想要禁用它们。我不接受这条消息，当我现在单击这个扩展时，它不能工作，我得到了以下错误：
Unchecked runtime.lastError: Could not establish connection. Receiving end do
浏览 0提问于2020-05-26得票数 1
回答已采纳
我正在做一个google扩展，为不同的url (选项卡)提供特定的信息(通过ajax和服务器端)。
我在chrome.tabs.onUpdated中使用background.js和chrome.tabs.onActivated事件侦听器来检测活动选项卡的url是否被更改，然后发送一个ajax请求来使用chrome.browserAction.setIcon更改图标。(是的，我想使用而不是，因为我想在弹出页面中显示一些扩展的总体信息，就像那样)
然而，我不知道的是：
如何在背景和弹出页面之间进行通信？我知道我应该使用chrome.tabs.sendMessage()和chrome.runti
浏览 2提问于2016-03-08得票数 1
回答已采纳
这是我的背景脚本。我能够从我的弹出脚本向它发送一条消息。换句话说，控制台会在后台页面中记录"hello“。
// background.js
chrome.runtime.onConnect.addListener(function(port){
port.onMessage.addListener(function(msg) {
if (msg.greeting == "hello") {
var port = chrome.tabs.connect(0, {name: "mycontentscript&
浏览 2提问于2016-04-14得票数 2
我正在创建一个简单的Chrome扩展，其中有一个弹出窗口、后台脚本和一个内容脚本，我想以编程方式注入这些内容脚本。
当用户单击一个按钮时，我希望扩展创建一个带有用户提供的url的新选项卡，并在该页面上执行一个内容脚本。
我的方法是从弹出窗口向我的后台脚本发送一条消息，并运行以下代码：
chrome.tabs.create({ url }, () => {
chrome.tabs.executeScript({ file: 'content.js' });
});
但是这失败了，并且告诉我我的扩展没有正确的权限，即使我的权限设置为["activeTab"
浏览 0提问于2018-10-23得票数 1
我想将一个数组从我的内容脚本发送到后台页面，这样就可以存储它，并在以后使用chrome.extension.getBackgroundPage()从弹出窗口中调用它。
目前，我的背景页面如下所示(基于开发人员网站上的一个示例)。
<html>
<head>
<script>
function onRequest(request, sender, sendResponse) {
chrome.pageAction.show(sender.tab.id);
sendResponse({});
}
浏览 0提问于2011-12-16得票数 1
回答已采纳
内容脚本可以使用
chrome.extension.sendRequest
背景页可以通过以下方式与内容脚本对话
chrome.tabs.getSelected(null, function(tab) {
chrome.tabs.sendRequest(tab.id, {}, function(response) {
// do something with response here
})
})
可以使用page_action弹出窗口与后台页面进行对话。
chrome.extension.sendRequest
那么，有什么方法可以让背景页面与弹出窗口对话吗？
用例是一个
浏览 3提问于2011-08-07得票数 0
回答已采纳
我一直在到处搜索，翻阅谷歌文档，但我似乎找不到解决办法。
我的Chrome扩展是注入一个内容脚本，我想设置一个onRequest.listener，以便sendRequests到内容脚本。这是我以前为做的onRequest.listener。问题是，由于一些未知的原因，我一直得到这个错误。
错误信息：
Uncaught TypeError: Cannot ready property 'onRequest' of undefined
contentscript.js line 1;
这是相关代码..。
Manifest.json
{
"name": "
浏览 3提问于2012-05-16得票数 1
回答已采纳
有任何方法可以从browserAction或pageAction图标禁用/启用CSS内容脚本吗？我说的是在特定的匹配页面上运行CSS内容脚本的类型，如清单中定义的那样。因此，如果清单包括：
"content_scripts": [
{
"matches": [ "*://*.somewhere.com/*" ],
"css": ["somewhere.css"]
}
]
把somewhere.css注射到somewhere.com上。是否有任何方法可以编写browserAction或page
浏览 6提问于2016-12-11得票数 4
1回答
我有一个popup.html，当通过点击浏览器操作加载弹出窗口时，会调用popup.js。在这里，我以编程方式使用chrome.tabs.executeScript()注入内容脚本。我需要将一个元素附加到页面的主体中。如何在扩展中插入来自不同.html文件的代码，因为这样维护代码要容易得多。我在考虑在popup.js中访问它(有什么应用程序接口调用吗？)然后在code属性中插入内容脚本代码和检索到的HTML码的字符串。
我看到了一些使用content script中的XMLHttpRequest的方法，但是有没有办法避免这种情况呢？我试过使用chrome.fileSystem，但那是针对chr
浏览 4提问于2015-03-04得票数 23
回答已采纳
我有一个google chrome扩展，它在内容脚本和后台进程/弹出窗口之间共享一些代码。对于这段代码来说，检查它是否作为内容脚本执行是一种简单而直接的方法？(消息传递行为不同)。
我可以在清单中包含额外的“标记”javascript，或者调用一些在内容脚本中不可用的chrome函数，并检查异常--但这些方法看起来很笨拙。也许这是一种简单明了的检查方式？
浏览 2提问于2013-04-29得票数 5
回答已采纳
我试图在我的一个新的Webdriver脚本中处理一个身份验证弹出。我有一个IE的工作解决方案，但我正在与Chrome斗争。IE就像遵循这个页面上的建议一样简单，。这条线并没有给出一个很好的Chrome解决方案，尽管几位评论员指出，这个解决方案对Chrome不起作用。问题是，当您尝试在Chrome上执行以下代码时，登录弹出并不是警报。
WebDriverWait wait = new WebDriverWait(driver, 10);
Alert alert = wait.until(ExpectedConditions.alertIsPresent());
ale
浏览 9提问于2017-02-08得票数 19
回答已采纳
我正在编写一个Chrome内容脚本，当我将其注入DOM时：
"<a href='#' onclick='alert(\"Hi!\");return false;'>Hi</a>"
它工作得很好(当我点击它时会弹出警报)，但是如果我为警报创建了一个函数，它会显示函数未定义。例如：
"<a href='#' onclick='alertPlease(\"Hi!\");return false;'>Hi</a>"
funct
浏览 1提问于2011-03-02得票数 3
最近，谷歌将这个恼人的弹出窗口添加到了dev频道。
有人在这里回答()编辑chrome.dll以消除弹出窗口。
然而，这里描述的方法似乎不再有效。
此外，如果有一个批处理脚本，可以在谷歌推送新的更新时为chrome.dll打补丁，那就太好了。
编辑:对新的黑客开放，因为wOxxOm停止维护他有用的脚本(手动方法似乎也过时了)
浏览 0提问于2015-05-17得票数 50
回答已采纳
在Google Chrome扩展中，我想在内容脚本和弹出页面之间传递消息。我还希望在内容脚本中的一个函数被触发时，这样做的信号是由弹出页面发送到内容脚本。
Google Chrome扩展开发者文档中的消息部分指出，消息可以“从您的内容脚本传递到扩展页面，反之亦然”(引用自 )
这是否意味着我可以在内容脚本和弹出页面之间发送/接收消息？因为我看到的用法是背景页面和内容脚本之间的通信。
或者我必须设置一个3路消息传递路由--即。内容脚本<-->背景页<-->弹出页。如果是这种情况，我如何设置后台页面<-->弹出页面之间的消息传递？
在从弹出页面向内容脚本发送信号
浏览 3提问于2012-07-24得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
