Chrome Extension VueJS :如何在网页上创建覆盖？
Chrome Extension是一种浏览器扩展程序，可以增强Chrome浏览器的功能。VueJS是一种流行的JavaScript框架，用于构建用户界面。在网页上创建覆盖是指在网页上添加一个覆盖层，用于显示额外的内容或交互。
要在网页上创建覆盖，可以使用Chrome Extension结合VueJS来实现。下面是一个简单的步骤：
- 创建Chrome Extension项目：创建一个新的文件夹作为项目目录，并在该目录下创建一个manifest.json文件，用于配置扩展程序的基本信息和权限。
- 编写VueJS代码：在项目目录下创建一个popup.html文件，用于定义覆盖层的内容和布局。在该文件中引入VueJS库，并编写Vue实例代码来定义覆盖层的交互逻辑和数据绑定。
- 配置manifest.json：在manifest.json文件中添加必要的配置项，包括扩展程序的名称、描述、图标等信息，以及指定popup.html作为扩展程序的弹出窗口。
- 加载扩展程序：在Chrome浏览器中打开扩展程序页面（chrome://extensions/），开启开发者模式，点击“加载已解压的扩展程序”按钮，选择项目目录即可加载扩展程序。
通过以上步骤，就可以在Chrome浏览器中创建一个覆盖层。该覆盖层可以包含任意的HTML、CSS和JavaScript代码，可以实现各种功能，如显示通知、展示额外的信息、提供交互等。
在腾讯云的产品中，可以使用云函数SCF（Serverless Cloud Function）来实现Chrome Extension的后端逻辑。SCF是一种无服务器计算服务，可以在云端运行代码，无需关心服务器的运维和扩展。通过SCF，可以实现与Chrome Extension的后端交互，处理数据、调用其他API等。
推荐的腾讯云产品：
- 云函数SCF：https://cloud.tencent.com/product/scf
- 云开发：https://cloud.tencent.com/product/tcb
- 云存储COS：https://cloud.tencent.com/product/cos
- 人工智能平台AI Lab：https://cloud.tencent.com/product/ai
请注意，以上答案仅供参考，具体的实现方式和产品选择可以根据实际需求和情况进行调整。
相关·内容
我的目标是使用Chrome作为一项服务，在屏幕上显示一个全屏网页。我正在通过创建一个python脚本来解决这个挑战，该脚本使用Selenium将chrome定向到正确的页面，并正确地格式化站点。由于主要需求是显示，所以显示的网页通畅是很重要的。我的实例中有两个障碍，都可以通过使用不同的excludeSwitches选项来处理：
要禁用自动化栏，请执行以下操作：
chrome_options.add_experimental_option("excludeSwitches", ['enable-automation']);
要禁用“禁用开发人员模式扩展”弹出窗口：
浏览 376提问于2019-11-04得票数 1
回答已采纳
1回答
为Chrome和Firefox创建一个扩展。根据我们的需求，我们需要一些信息(以前通过扩展存储)在页面加载时从扩展到网页。在任何XHR请求从网页触发之前，网页中需要的数据。这在Chrome中是通过遵循代码实现的，但对于却无法获得相同的结果。网页上没有收到与Chrome相似的数据。**
注意：网页是一个反应性应用程序
For Chrome (工作代码)
// Code in Webpage
chrome.runtime.sendMessage('extensionId', { messageFromWeb: 'Sample message' }, (respo
浏览 2提问于2021-05-17得票数 0
回答已采纳
当前，我的扩展名打开一个网页
chrome-extension://bpmcncockdffdifceihffkimpfbobjhn/dist/webpage.html
如何使其省略webpage.html，并使以下url：
chrome-extension://bpmcncockdffdifceihffkimpfbobjhn
立即指向网页？
浏览 5提问于2019-10-26得票数 0
回答已采纳
我对创建一个Chrome扩展很感兴趣，它列出了网页上所有在菜单中都有“id”属性的元素。然后，当用户单击菜单中的元素时，网页上的相应元素将被高亮显示。
我看到Chrome在右键单击并检查它时突出显示了一个元素。我很好奇是否有一些突出显示API可以从DevTools访问？如果不是，如何突出类似devtools的元素？
浏览 1提问于2017-08-31得票数 6
回答已采纳
1回答
我刚建了一个镀铬的分机。它使用以下方法更改上下文菜单-
内容脚本中的
document.addEventListener("mousedown", function(event){
if(event.button == 2) {
if (isNaN(window.getSelection().toString())){
chrome.extension.sendRequest({cmd: "createStringMenu"});
}
else {
chrome.extension.se
浏览 1提问于2011-07-31得票数 0
我正在尝试开发一个Chrome扩展，以便使用扩展在一个新选项卡中打开存储在Confluence中的Office文档。
在“查看页面附件”屏幕上，Office文件附件有一个“在Office中编辑”链接。该链接有一个单击事件，该事件创建一个URLLauncher的新实例，该实例用于打开文档。这个特性在Chrome中不受支持，因此我想在网页中添加我自己的URLLauncher原型以使其工作。
简而言之，这是我的想法：
创建一个带有内容脚本的Chrome扩展，该脚本将URLLauncher原型注入到“查看页面附件”页面(我不知道这是否是正确的方法，因此我愿意听取建议)。
当用户单击‘exten
浏览 2提问于2013-09-25得票数 3
在Windows 10上，我有一个令人讨厌的问题，Chrome不允许我从chrome扩展协议处理程序开始提取地图文件：
chrome-extension://ophhkjncpgcjadncildcofemdojplgpp/main.js.map： DevTools加载SourceMap:无法加载内容失败:状态代码404，net::ERR_UNKNOWN_URL_SCHEME
如何调试基于角度的Chrome扩展网页？
用Chrome 89和90进行测试。使用角11。
使用作为启动项目。
浏览 2提问于2021-05-10得票数 1
1回答
我知道postMessage可以从一个网页扩展到一个chrome扩展，并得到一个ok响应返回到该网页，，但它是否有可能反过来呢?
我的问题“我需要能够发送一个请求到一个网页，并等待一个回应，我可以使用在扩展。也许不是与postMessage ?”
我知道文档说“只有网页才能启动连接。”()
到目前为止，这就是我所尝试的。
background.js
chrome.extension.sendMessage("Hello from extension to webpage");
window.postMessage("Hello from extension to web
浏览 3提问于2017-04-20得票数 6
回答已采纳
我正在用VueJS创建一个Chrome扩展应用。使用谷歌chrome扩展，你可以在其他网页中推送一些超文本标记语言，我想用我的VueJS应用程序做同样的事情。我已经创建了一个文件，它应该在任何页面的正文中推送我的应用程序，但它不起作用。 这里有一个文件： import App from './App'
const element = document.querySelector('body').firstChild
const anchor = document.createElement('DIV')
anchor.insertBefore
浏览 13提问于2019-12-04得票数 1
回答已采纳
我目前正在尝试返回显示在网页上的第一个*图像，代码是：
img.src = chrome.extension.getBackgroundPage().imageSrc
0表示第一个图像。这似乎很管用。但是，getBackgroundPage()只在当前打开的选项卡中起作用。我希望这可以工作，即使用户使用的是不同的网页。
在发现如何找到当前未运行的网站的第一个图像时，我首先必须了解chrome.extension.getBackgroundPage()返回的内容。是一根绳子吗？或者是个url？
我尝试用以下方式替换它:在htm中，document.getelementId("hi
浏览 2提问于2015-09-21得票数 2
回答已采纳
2回答
我正在学习如何创建铬扩展。我研究过页面操作，它用于在地址栏内创建图标。我的代码如下：
在我的manifest.json里
{
"manifest_version" :2,
"name" : "GTmetrix",
"description": "Test google chrome extension",
"version" : "1.0",
"page_action":{
"default_icon" : &#
浏览 8提问于2015-07-02得票数 3
回答已采纳
1回答
我正在创建一个Chrome扩展，它应该添加到所有网页的侧边栏。这个侧边栏不应该与网页内容重叠，它应该放在现有内容的旁边，本质上是缩小网页正文的宽度到initial width - sidebar width。
这是我想出来的代码，但我对一些页面有一个问题，比如stackoverflow，看看顶部栏如何不像页面的其他部分那样收缩(代码下面的截图)
// create sidebar
const sidebar = document.createElement("iframe");
sidebar.src = chrome.exten
浏览 0提问于2019-06-15得票数 0
我有一个问题，运行谷歌插件IE-TAB在网页上。
<a href="chrome-extension://`{ID}`/nhc.htm#url=`{URL}`">testClick</a>
单击标签时跳转到空白页。有没有其他方法可以在html或js中打开Google Chrome插件？
浏览 3提问于2018-11-20得票数 1
1回答
我们正在开发一个使用Ember CLI的Chrome扩展，但是很难让路由/资源与Chrome很好地配合，因为索引路由没有被正确地触发。
我们所采取的步骤：
使用Ember：ember new myapp创建默认应用程序。
我们没有定义任何路线，因为我们应该得到为我们生成的索引。
构建：ember build --environment production。
放置一个manifest.json文件来定义dist/文件夹中的扩展名。
在Chrome中，我们“加载一个未打包的扩展.”并将其指向dist/文件夹。
通常情况下，如果Ember应用程序托管在服务器上，那么到E
浏览 2提问于2015-06-25得票数 3
回答已采纳
1回答
我想要创建一个新的铬扩展，但它不能工作。我想把一个js文件注入到网页(所有的网页，不仅仅是one.If，我推谷歌上的铬图标脚本必须执行，如果我推动图标在facebook上它必须执行等等)。
我是background.js
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript({
null,{file: "backgrounds.js"} });
});
我是backgrounds.js
document.body.innerHTML="disp
浏览 3提问于2014-07-24得票数 0
回答已采纳
1回答
我一直在业余时间创建一个基于Firefox的插件，它可以读取页面，打开本地WebExtensions，在HTML页面上提交一个表单来导航到一个新的chrome.extension.getViews()，但是一旦打开的页面改变了URL，我就会遇到chrome.extension.getViews()的问题。
如果重用getViews()，则会收到以下错误：
不允许将交叉原点对象定义为对象或数组XrayWrapper上的属性。
我追踪到了这一点，并发现一旦本地HTML导航完毕，就会发生这种情况。我应该如何与我打开的网页互动，以避开这个问题？
下面是我与超时一起进行的一项小型娱乐活动(不是我
浏览 2提问于2016-09-08得票数 0
我在Google chrome中创建了一个简单的扩展，下面是我的manifast.json
{
"name":"Hello World",
"version":"1.0",
"manifest_version":2,
"description":"The first extension that I made.",
"browser_action":{
"default_icon":"ic
浏览 8提问于2013-01-11得票数 0
回答已采纳
对于Google Chrome扩展，我编写的操纵扩展popup.html的DOM的Javascript似乎对弹出窗口的DOM没有任何影响。我可以通过使用content_script.js在浏览器中很好地操作当前网页的DOM，并且我对从网页中抓取数据并将其输出到扩展弹出窗口中很感兴趣，如下所示(下图: popup.html)：
<div id="extensionpopupcontent">Links</div>
<a onclick="click()">Some Link</a>
<script type=
浏览 3提问于2010-05-27得票数 4
我有一个存储在Blob中的PDF。
var pdfBlob = new Blob(buffers, {type: 'application/pdf'});
在此基础上创建一个对象URL
var pdfURL = URL.createObjectURL(pdfBlob);
这给出了像blob:chrome-extension%3A//mlbdgii.这样的东西
如果我手动将URL复制到Chrome选项卡中，PDF将成功打开。然而，如果我尝试使用chrome.app.window.create打开它，我只得到一个“此网页找不到”的错误。
所以问题是，我能用这个方法打开一个对象URL
浏览 9提问于2014-06-24得票数 3
我做了一个Chrome扩展，当我点击浏览器操作按钮时打开Windows计算器。现在，我试图通过使用JavaScript代码开始在网页上的扩展。
<!doctype html>
<html>
<head><title>activity</title></head>
<body>
<button id="clickactivity" onclick="startextension()">click</button>
浏览 1提问于2017-08-07得票数 1
将Chrome扩展移植到FF中
遵循本教程(在Chrome中运行良好)：
从网页发送消息到扩展: In (web)pagescript.js这里有：
function IsExist(extensionId,callback){
chrome.runtime.sendMessage(extensionId, { message: "installed" },
function (reply) {
if (reply) {
callback(true);
}else{
callback(false);
}
});
}
IsExist(&
浏览 3提问于2017-06-16得票数 3
回答已采纳
好吧，首先我应该定义一下extension.js和content_script.js的意思
extension.js -扩展弹出窗口中使用的脚本.例句:如果我要点击扩展弹出中的一个按钮，我可以使用extension.js来做一些事情。extension.js`不会影响您正在查看的页面，它只会影响弹出框。
content_script.js --这个"“是对当前网页的影响，在本例中是JavaScript。但是这个脚本不能影响弹出窗口，它只能影响你告诉它的网页。
好吧，问题基本上是标题。如何使用extension.js在content_script.js中的数据.让我举一
浏览 0提问于2014-06-13得票数 0
回答已采纳
我想从一个网页向chrome扩展发送请求，然后在chrome扩展中接收数据和读取数据，有什么方法可以做到吗？
例如:在doman中www.nope.com/sendRequest.html将通过url chrome-extension://xxxxxxx/getData.htm?isToken=abc，发送数据到chrome扩展，然后扩展将接收并读取数据"isToken“。
下面是我用sendRequest.html编写的代码
<script type="text/javascript">
function sendRequest() {
浏览 3提问于2014-10-23得票数 0
我正在开发一个Google Chrome扩展，它将一个样式表注入到我在manifest.json中定义的特定网站中。
样式表中包含了@font-face和src: url("chrome-extension://__MSG_@@extension_id__/assets/fonts/[...]附带的Web字体，但是__MSG_@@extension_id__似乎不起作用，像Font Awesome这样的Web字体最终仍然显示方块。
manifest.json
"manifest_version": 2,
"content_scripts": [
浏览 1提问于2015-07-14得票数 9
我为Chrome扩展写了一个小的内容脚本，它在网页中插入一个图像，但当我观看一个处理过的网页时，图像看起来就像是链接断开了一样。
该图像位于我的Chrome扩展的根目录中。我使用的是扩展API中的getURL函数：
$('<div class="my-image"><img src=' +
chrome.extension.getURL("icon16.png") +
' />This is my image</div>');
当我检查网页时，我看到URL是：
<img s
浏览 0提问于2012-03-30得票数 2
回答已采纳
1回答
我正在尝试创建一个铬的扩展。具体来说，我试图使按钮保存数据，然后另一个按钮，当按下将打开一个新的选项卡与网页地址，用户以前保存。我相信我有按钮保存数据工作，但我不知道如何访问数据一旦保存。
以下是保存按钮和按钮的代码，该按钮将用户带到先前保存的网站。
document.getElementById("save").onclick = function() {
var d = document.getElementById("userWebsite").value;
chrome.storage.sync.set({ "data"
浏览 1提问于2015-10-21得票数 0
回答已采纳
2回答
我不知道如何通过Chrome扩展将CSS注入到网页中。我正在尝试将这个注入到一个网页中：
body {
background: #000 !important;
}
a {
color: #777 !important;
}
这是我的manifest.json：
{
"update_url":"http://clients2.google.com/service/update2/crx",
"name": "Test Extension",
"version": "1.0",
浏览 6提问于2011-10-01得票数 44
1回答
我在本地计算机上开发了几个网页。我的设置是在nginx中为每个站点创建一个虚拟服务器，然后在/etc/hosts中为每个站点创建一个条目，将域名指向127.0.0.1。
然而，我把电脑换成了chromebook，再也无法保持这种工作方式了。
我在debian chroot创建的crouton中使用了nginx，它工作得很好。然而，chrome os不允许我编辑/etc/hosts。我仍然使用127.0.0.1访问我的nginx，但是我不能再访问我的任何虚拟服务器。
你对这个问题的解决方案是什么？(我知道如果禁用自动更新，我可以在chrome os上强制编辑/etc/hosts，我希望避免这种情
浏览 1提问于2015-01-29得票数 1
我试图访问从网页到扩展和从扩展到网页。下面是我的以下单元测试，但都失败了。如何从扩展到我的网页得到反馈？如何验证我的网页是否连接到扩展程序，或者它是否收到了查询？
扩展Manifest.json：
{
"name" : "Idle - Simple Example",
"version" : "1.0.1",
"description" : "Demonstrates the Idle API",
"externally_connectable": {
浏览 1提问于2016-02-03得票数 1
回答已采纳
我目前正在创建一个Chrome扩展。但是Google官方不允许扩展访问网页中定义的变量或函数：
但是，内容脚本也有一定的局限性。它们不能：
使用chrome.* APIs (chrome.extension的部分除外)使用由扩展页定义的变量或函数，使用由网页或其他内容脚本定义的变量或函数
更新：
在页面中有许多脚本标记，如：
<script>...<script>
<script>...<script>
<script>...<script>
<script>
$config = {};
浏览 6提问于2012-10-22得票数 0
我一直在尝试创建一个 (Pinterest的扩展)，类似于chrome扩展。
我尝试过的是在单击扩展时触发一个脚本，该脚本可以迭代网页上的所有可用图像，将其存储在localStorage中。现在我需要调用iframe (当然是不同的域)，和访问这些图像。因为一个人只能从同一个域访问本地存储，所以我很困惑Pinterest如何设法存储来自一个网页的所有图像(暂时而不是在他们的服务器上)，然后在iframe中使用它。
我还看到了PinIt按钮扩展的代码，但是我无法从它中理解任何东西，因为它太多了混淆/加密或其他东西。
我读过关于chrome.storage api的文章，但是我还不能很好地理解它。
浏览 0提问于2016-04-29得票数 3
我正在创建一个歌剧扩展，将打开一个网页，这将允许用户流到浏览器html文件的本地窗口。由于Opera扩展结构类似于chrome，所以我在Opera上测试了该结构。
对于具有许可的清单：
"permissions": ["desktopCapture","activeTab"],
错误：
There were warnings when trying to install this extension:
Permission 'desktopCapture' is unknown or URL pattern is malform
浏览 2提问于2014-11-19得票数 0
3回答
从网站抓取数据的屏幕
、、、
我正在构建我的第一个chrome扩展，并试图在我的谷歌chrome extension.But上显示一些外汇汇率我发现自己遇到了跨域是不允许的访问-控制-允许-来源problem.Is有一种方法，从跨域网页使用jquery.For你的好心的信息，我指的第三方网页不支持webservice :(
请在下面找到我试图在我的chrome扩展中使用的代码，以删除当前的外汇rate.Please帮助。提前感谢
$.ajax({
url: "http://someCrossDomain.forexrate.html",
dataType: 'text',
succe
浏览 1提问于2011-12-22得票数 0
我创建了一个简单的chrome扩展，它为我的webPage (站点)添加了一些功能，只能通过扩展来访问。是否可以直接从postMessages (而不是，通过content-script)到扩展的如果不是，chrome.runtime.connect(EXTENSION_ID);的用例是什么，我的意思是为什么它可以从网页上访问？
下面的代码表示我如何在页面和扩展之间进行通信。它不起作用，onConnect.addListener在myExtension中不触发，port.onMessage在myExtension中不触发，在my webPage中也不触发。
var port = c
浏览 2提问于2017-12-24得票数 0
回答已采纳
我正在尝试将数据从我的网页传递到chrome扩展。
manifest.json (我首先在本地环境中尝试这样做)
"externally_connectable": {
"matches": ["*://localhost/*"]
}
在listen.js (背景脚本)中：
chrome.runtime.onMessageExternal.addListener(
function(request, sender, sendResponse) {
if (sender.url == blacklistedWebsite
浏览 1提问于2018-04-23得票数 2
回答已采纳
1回答
我正在构建一个chrome应用程序，并得到了一个不安全的eval错误。我知道eval现在在chrome扩展上是允许的，但是当我添加到清单时
"content_security_policy": "default-src 'unsafe-eval'; script-src 'unsafe-eval' 'unsafe-inline'; style-src 'unsafe-inline'"
我在extension选项卡中遇到错误
'content_security_policy'
浏览 0提问于2014-03-20得票数 1
我想要创建一个扩展，将html注入每一个打开的页面，一旦安装，不需要重新加载。
webpage.html：
<html>
<head>
<meta charset="utf-8" />
<title>Extension</title>
<script>
var go = function() {
var event = document.createEvent('Event');
event.initEvent('hello');
document
浏览 4提问于2014-05-29得票数 0
回答已采纳
我现在正在开发一个Chrome扩展，但我遇到了权限/安全问题。我有一个本地HTML模板文件，我将其插入到某些网页上的浮动iframe中。我要将从AJAX / cookies检索到的某些信息插入到模板中。当我这样做的时候，我遇到了一个错误：
一些相关代码：
$(this).after('<div id=\"flowframe\"><iframe src=\"'+chrome.extension.getURL('hoverwindow.html')+'\"></iframe></div
浏览 2提问于2015-06-25得票数 0
5回答
我想从随机网页的控制台发送消息到我的chrome扩展。chrome.extension.sendMessage似乎不起作用。
浏览 2提问于2012-07-11得票数 59
回答已采纳
1回答
多年来，我一直在维护Firefox扩展，并开始使用Chrome端口。
我已经看到了存储apis (localStorage和chrome.storage)，它们可以正常工作，但是我该如何实现默认首选项呢？
localStorage有点没用，因为每个网页都有一个单独的副本，而我的扩展在网页内部运行。
chrome.storage应用程序接口是存在的，但是除了异步造成的麻烦之外，没有简单的方法来设置默认值:(.
基本上，我希望能够调用set，并让它只设置不存在的值。
我想我可以为所有的值做一个get，然后为那些没有值的值做一个set，但这会变得非常笨拙，非常快。
只是感觉我把事情搞得太复杂了。有人
浏览 1提问于2014-03-24得票数 0
1回答
我在原始网页(youtube.com)上注入一个youtube.com。我想要的是：
向网站A发送HTTP请求。
网站A返回一个json回复。
更新原版网页上的iframe。
我只是找不到从内容脚本中更新iframe的方法。
我的manifest.json的一部分：
"content_scripts": [
{
"matches": ["https://www.youtube.com/watch?v=*"],
"js": ["jquery-2.2.3.min.js",
浏览 1提问于2016-05-12得票数 1
1回答
当用户单击我创建的铬扩展名时，我试图根据当前页面的值在外部网页上填写表单。
因此，我要做的是打开页面，首先使用popup.js文件传递一条消息。
chrome.tabs.create({url: "http://localhost:49177/ProDATA/Add.aspx"},function(tab){
chrome.tabs.sendRequest(tab.id, {FirstName: FirstName}, function(response) {
console.log(response.farewell); })
});
然后，在ad
浏览 8提问于2015-10-04得票数 1
回答已采纳
这简直要了我的命。我已经创建了一个在特定网页上进行抓取的扩展。这是一个page_action扩展，如果我使用"default_popup“设置，一切都很好，除非你失去了焦点会把抓取工作搞得一团糟。我希望在新窗口或新选项卡中打开它，但仍然可以访问我在其中启动它的原始选项卡。
相反，我得到了这个错误：
Unchecked runtime.lastError while running tabs.executeScript: Cannot access contents of url "chrome-extension://jhbpcpcmfnaklengljfpmeecdfpeii
浏览 12提问于2018-01-12得票数 0
回答已采纳
这是一个铬的扩展，它清除网页的输入字段。当我点击分机时，它运行得非常好。
我试着给它一个键盘快捷键。它一开始是工作的，但第二天，当我打开铬扩展不存在(可能是因为我把我的扩展保存在我的铬的配置文件文件夹在/home/user/.config/google-chrome/Profile 3/Extensions/)。因此，铬可能没有识别和删除它，因为它不是从商店。
我再次添加了它，但这次键盘快捷键不起作用。我对开发扩展一无所知。我只是抬头看了一下google.developer指南并创建了这个。
// manifest.json
{
"name": "Reset Ans
浏览 5提问于2022-10-09得票数 3
回答已采纳
1回答
我已经制作了一个在Google Chrome扩展中工作的脚本。我很快解释说:有一款网络游戏叫“龙套”。脚本所做的是计算你必须向对手射击的力量。好吧，我已经尝试在外部服务器上容纳我的脚本，但显然已加载但未执行(“加载”)。我认为错误可能出在代码中(我使用视频游戏的javascript来创建我的脚本)。代理对外部脚本进行调用的原始代码、json和js：
Manifest.json
{
"name": "DragonBound Aimbot 2.0",
"version": "2.0.0",
"manifest_v
浏览 25提问于2012-11-22得票数 1
1回答
我想让chrome扩展的测试自动化。
我已经使用selenium-python自动化了父网页，但我无法使用selenium来自动化chrome扩展，因为selenium绑定到网页视图，所以我无法单击google chrome标题栏中的chrome扩展图标。由于这个限制，我尝试使用sikuli点击chrome-extension图标，但我无法获得当点击该扩展图标时出现的chrome-extension弹出HTML的DOM，因为我必须访问该扩展弹出的html页面显示的文本，然后评估it.My测试失败。
我认为我可以使用shift_to_window()，但徒劳无功，因为它是一个弹出式的html，因
浏览 16提问于2019-07-09得票数 0
我们为Chrome，Firefox和Safari创建了扩展，我们想用Selenium测试我们的扩展。我已经用我们的扩展为Chrome和Firefox创建了测试，现在我想测试一下我们的Safari扩展。我找到了关于Safari的，但我不知道如何在Python语言中做到这一点，我检查了一下，Selenium 2.45.0 (我们正在使用的)没有定义SafariOptions，我也不知道如何在Safari测试中添加扩展。我们使用Safari进行远程测试，我在没有通过扩展的情况下使用Safari运行了一个测试，但我不知道如何使用Python创建Safari扩展的测试。以下是相关函数：
def get_
浏览 0提问于2015-04-13得票数 0
我正在开发一个铬扩展，我想在网页上注入一个按钮。在点击按钮时，我想调用HTML打开一个chrome.tabs.create页面到新的选项卡中。
正如我们所知，我们不能使用内容脚本直接打开选项卡，那么实现上述功能的解决方案是什么呢？
假设我在按钮上注入了一个名为“evnetHandler”的元素，我使用以下代码添加了按钮，但如何使用此函数在background.js中创建新的选项卡
button.addEventListener('click',clickhandeler,true);
manifest.json文件：-
{
"name": "my c
浏览 0提问于2015-09-01得票数 1
1回答
在开发Chrome扩展时，我通过content javascript从图片文件夹中注入了一张图片。但chrome不能将其注入/加载到网页中，并显示一个损坏的图像而不是图像。
通过查看网页，我发现了src=chrome-extension://mjpjhbhenfpklnbkbegbhdnganbppjdd/images/imgage1.png，点击它就会在新的标签页中打开图片。
为了理解问题，我在这里粘贴了menifest.json文件和contentscript.js的相关代码
在menifest.json文件(版本2)中，
"web_accessible_resouces"
浏览 2提问于2013-09-16得票数 0
我创建了一个google-chrome-extension，它将网站上的javascript文件的所有请求重定向到我硬盘上这个文件的修改版本。它是这样工作的，我把它简化如下：
... redirectUrl: chrome.extension.getURL("modified.js") ...
Modified.js是相同的javascript文件，除了我修改了代码中的一行。我改变了一些看起来像是
var message = mytext.value;
转到var message = aes.encrypt(mytext.value,"mysecretkey"
浏览 0提问于2012-10-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
