Chrome扩展:每个选项卡一次insertCSS

文章/答案/技术大牛

发布

1回答

google-chrome-extension

我的扩展有一个用insertCSS注入样式表的按钮。当他们再次按下按钮时，它会再次注入，导致重新绘制。我怎样才能最好地防止这种情况发生呢？我目前的解决方案是:在后台脚本中为每个插入了CSS的tabId保留一个数组。卸载选项卡时，我从数组中删除了tabId。工作得很好，但看起来这可能会更简单。例如window.insertedCSS = true，但从后台脚本执行此操作会影响所有选项卡。

浏览 26提问于2019-05-07得票数 0

回答已采纳

3回答

如何在新打开的chrome选项卡上执行我的内容脚本？

javascript、google-chrome、google-chrome-extension

我正在从一个web门户调用一个Chrome扩展来在一个新的选项卡中打开一个URL，在新打开的选项卡上我想要执行executeScript"externally_connectable}); chrome.tabs.executeScript(a.id, {file: "comb

浏览 4提问于2016-07-06得票数 1

回答已采纳

1回答

铬://扩展页中的访问扩展

javascript、google-chrome-extension

css": [ "css/event.css" ], "run_at": "document_start"但是我在chrome

浏览 5提问于2015-11-24得票数 2

回答已采纳

1回答

如何将远程CSS文件注入当前选项卡？[Chrome扩展表V3]

google-chrome-extension

有人知道如何将远程CSS文件注入当前选项卡，而无需下载并添加到我的扩展包中吗？下面是我正在运行的代码：{ chrome.scripting.insertCSS target: { tabId: activeTab.id }, filesfamily=Acme

浏览 1提问于2021-09-27得票数 0

1回答

从Chrome扩展插入CSS

javascript、jquery、html、css、google-chrome-extension

我正在开发一个chrome扩展，它允许用户更改页面的CSS。我曾尝试在HTML中使用insertCSS方法，并简单地尝试将样式标记附加到chrome.tabs中，但没有成功。谁能告诉我insertCSS方法是如何工作的，或者如何从扩展中的.js文件访问网页？

浏览 6提问于2013-11-05得票数 1

4回答

Chrome扩展:检查内容脚本是否已被注入

javascript、google-chrome、google-chrome-extension

我正在开发Chrome扩展程序。我没有使用manifest.json来匹配所有URL的内容脚本，而是在用户单击扩展图标时调用chrome.tabs.executeScript来惰性地注入内容脚本。window.ALREADY_INJECTED_FLAG = true} 问题1，这是否足够安全，每次单击扩展图标时都会天真地调用chrome.tabs.executeScript？问

浏览 0提问于2015-12-30得票数 25

回答已采纳

3回答

executeScript / insertCSS在frameId设置时失败

google-chrome、google-chrome-extension

我正在处理一个背景铬扩展，发现我无法将js或css插入到特定的框架中。根据当前的chrome.tabs API文档 chrome.tabs.executeScript(tabId, {我必须删除frameId属性，executeScript或insertC

浏览 32提问于2016-03-27得票数 1

回答已采纳

1回答

当使用allFrames:true时，chrome.tabs.insertCSS的回调不会执行

google-chrome-extension

就像它在Chrome扩展的background.js中获得的基本信息一样： file: "widget.css",allFrames: true if (chrome.runtime.lastError) {

浏览 4提问于2015-11-12得票数 2

1回答

我如何让chrome.tabs.insertCSS工作？

javascript、google-chrome、google-chrome-extension

因此，我一直在做一个随机的有趣的铬扩展，我一直试图让chrome.tabs.insertCSS工作，但它就是不能。chrome.tabs.executeScript工作很好，但insertCSS不会。(null, {file: "content.js"},function() { txt.innerText= "Error with page";

浏览 3提问于2017-12-12得票数 0

回答已采纳

1回答

Chrome扩展到活动选项卡的编程CSS注入错误

javascript、google-chrome-extension、firefox-addon

当满足某一条件时，我想将CSS文件注入活动选项卡。我只通过在清单中添加"<all_urls>"权限才能使它工作，尽管在文档中，"activeTab"应该足够了：无法访问页面的内容。扩展清单必须请求访问相应主机的权限。 manifest.json "matches": ["<all_

浏览 4提问于2020-03-10得票数 0

回答已采纳

1回答

无法通过Chrome扩展注入CSS

javascript、css、google-chrome-extension

我正在尝试创建一个Chrome扩展，当单击扩展按钮时，它将向页面注入CSS。}chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript

浏览 5提问于2014-04-23得票数 5

回答已采纳

1回答

如何使用chrome.tabs.insertCSS添加多个样式表？

javascript、css、google-chrome、google-chrome-extension

我的chrome扩展中有一些代码，可以连续多次调用chrome.tabs.insertCSS() (因为用户选择了可选的样式)。我假设chrome.tabs.insertCSS()在底层使用消息传递，所以应该有一种方法让它使用已经在使用的端口。我的问题是:是否可以告诉chrome.tabs.insertCSS 方法使用已经存在的开放端口，而不是打开另一个端口？(port, tab, files, index, callback) { /

浏览 1提问于2014-01-21得票数 0

3回答

Chrome扩展:添加内容(启用/禁用图标)

javascript、google-chrome、google-chrome-extension

我正在为Google编写一个扩展，当用户单击加载项图标时，我正在尝试在我的当前页面中添加内容。 "css": ["css/style.css"], "js/content.js" }我不知道如何只为图标单击的页面添加内容，因为每个页面都有脚本

浏览 4提问于2016-08-23得票数 3

回答已采纳

1回答

Chrome扩展:创建弹出窗口后访问初始标签

javascript、google-chrome、google-chrome-extension、popup

我正在尝试创建一个扩展:从点击chrome上的一个按钮，它将启动一个弹出窗口，并从那个弹出窗口中，我想从初始选项卡中获取信息，该选项卡集中在我按下按钮的时间上。function onClick(tab) { popupTab; var popupTab = win.tabs[0];

浏览 3提问于2012-11-21得票数 0

1回答

Chrome扩展以更改样式元素，insertCSS无法工作。还有更好的选择吗？

javascript、html、css、google-chrome-extension

我有一些简单的元素样式，我想用Chrome扩展来改变。 "matches": ["https://en.wikipedia.org/*"] ] 我有一个带有弹出HTML和js文件的工作扩展我尝试在insertCSS中使用content.js，但是从那

浏览 4提问于2021-09-25得票数 0

1回答

Chrome扩展:是否有可能在重新加载时保持扩展打开？

google-chrome-extension、reload

我正在构建一个google扩展，它在页面中插入html并显示浏览器操作图标上的菜单，在重新加载页面时，我找不到让扩展保持打开的方法。因此，在每次重新加载时，我们必须从浏览器操作图标中再次激活它。(function (tab) { //Fired when User Clicks ICON {"file": "Execute your code console.log("Script

浏览 4提问于2014-06-04得票数 1

1回答

获取当前选项卡Id的最简单方法？

javascript、google-chrome-extension、browser-extension

我真的不理解Chrome扩展API是如何工作的。很难理解background.js和content.js是如何工作的，但我现在的问题是，函数insertCSS()；似乎需要tabId，即使官方文档说它是可选的。var tabInfo = chrome.tabs.getCurrentTab(); var id = tabInfo.tabId;

浏览 1提问于2019-04-13得票数 2

回答已采纳

1回答

在使用chrome.tabs.注入CSS或JavaScript后，如何删除它？*

google-chrome、google-chrome-extension

我使用"chrome.tabs.insertCSS“将CSS注入到页面中。我想添加一个选项给用户删除这个css (用一个按钮或什么)。那么问题就来了--我该如何(以编程方式)从选项卡中删除这个css/js？

浏览 4提问于2011-08-28得票数 2

1回答

将Chrome扩展中的域排除在外，而不排除_matches/globs，还是改进Javascript CSS性能？

javascript、css、google-chrome、google-chrome-extension

我一直在尝试构建一个Chrome扩展，但不幸的是，当它终于开始工作时，我意识到我只能在特定的URL上激活它，这很好，因为Chrome有exclude_matches和exclude_globs。然而，当使用这两个选项与CSS一起使用时，Chrome中有一个bug --它不起作用。我想知道是否有人知道其他的方法，我可以注入我的CSS只在某些领域(我想排除在一对夫妇，而不是允许在很多)？

浏览 3提问于2012-12-29得票数 3

回答已采纳

2回答

Chrome扩展CSS注入与用户存储的值？

css、google-chrome、google-chrome-extension、code-injection

我创建了一个扩展，用于注入/重写页面上的着色。效果很好。我想增加用户输入自己的着色值的能力。我有下拉列表，文本框等等.问题是..。你能用变量来改变css文件吗？L60C.onchange = function(element) { chrome.tabs.insertCSS( {code:

浏览 2提问于2018-10-26得票数 0

回答已采纳

点击加载更多