如何在制作chrome扩展时导入文件(代码片段)

author author     2023-05-09     712

关键词:

我目前正在构建一个chrome扩展,并尝试使用axios向我的后端发出请求。但是在我的javascript文件中导入axios时我一直都会遇到错误。任何人都知道如何正确地要求这个?

我已经尝试过:

import axios from 'axios'

而且我也尝试了旧方法

const axios = require ('axios')
答案

你尝试过这种方法吗?

在清单文件中,您将在content_scripts中添加该文件:

"content_scripts": [ 
    "js": ["file.js", "content.js"]
],

然后尝试创建此方法,以读取您要使用的脚本/库:

chrome.tabs.executeScript(tab.id, code:
    "document.body.appendChild(document.createElement('script')).src = 'https://example.com/script.js';"
);

然而,这并不容易,因为内容脚本只能访问当前页面的DOM。它无法运行全局函数或使用全局对象。

如何使chrome扩展程序窗口始终位于顶部(代码片段)

我想让我的chrome扩展弹出窗口始终位于顶部。但我找不到怎么做。如果你知道怎么做,请告诉我。答案我正在寻找这个问题的解决方案,目前无法保持弹出窗口始终处于活动状态。也许它可以在打开弹出窗口时创建一个新窗口,... 查看详情

使用nodejs制作chrome扩展

】使用nodejs制作chrome扩展【英文标题】:makechromeextensionusingnodejs【发布时间】:2021-11-0316:04:05【问题描述】:问题背景我们正在构建Chrome扩展程序。并且我们需要在这个过程中获取python代码。我知道的我知道python代码可以用NodeJS... 查看详情

如何在chrome中导出导入书签和密码(代码片段)

目录书签密码书签1、导出点击浏览器右上角的三小点,选择“书签”,再选择“书签管理器”,进入如下页面点击蓝色书签栏右上角的三小点,选择“导出书签”,弹出文件夹选择保存位置2、导入点击浏览器右上角的三小点,... 查看详情

Chrome 扩展程序:如何在新标签页中打开链接?

】Chrome扩展程序:如何在新标签页中打开链接?【英文标题】:Chromeextension:Howtoopenalinkinnewtab?【发布时间】:2013-05-0609:56:31【问题描述】:在我的***文件夹中,我有***.ico和2个波纹管文件。将其导入Chrome时,它​​会在地址栏中... 查看详情

打开另一个python文件作为模块时传递参数?(代码片段)

...文件,因为用户在菜单中选择了这些选项。我根本不知道如何做到这一点,所以这里是我如何导入和调用python游戏文件:importSpaceInvadersSpaceInvaders.SpaceInvaders().mainLoop()我想传递参 查看详情

如何制作一首歌的歌词lrc歌词制作和绑定(代码片段)

文章目录如何制作一首歌的歌词LRC歌词制作和绑定1、简介2、写法格式3、编写一个简单的歌词文件4、绑定歌词如何制作一首歌的歌词LRC歌词制作和绑定1、简介lrc是英文lyric(歌词)的缩写,被用做歌词文件的扩展名... 查看详情

制作自定义gradle任务,生成代码,在ide导入上运行(代码片段)

...的唯一问题是,当项目导入IDE时,代码不会自动生成。我如何更改下面的build.gradle.kts以获得IDE(目前是IntelliJ,但我还想支持Eclipse)在导入时生成代码?pluginsid("base")//neededfordeletevalaxis2byconfigurations.creatingdependenciesaxis2("org.apache.a... 查看详情

chrome开发-extension(代码片段)

...n":"1.0","description":"学习js,学习chrome插件制作demo",//默认图标,可以设置不同尺寸,chrome会根据实际情况适配& 查看详情

chrome开发-extension(代码片段)

...n":"1.0","description":"学习js,学习chrome插件制作demo",//默认图标,可以设置不同尺寸,chrome会根据实际情况适配& 查看详情

iframe如何在chrome扩展中访问父窗口

】iframe如何在chrome扩展中访问父窗口【英文标题】:HowcanIframeaccessparentwindowinchromeextension【发布时间】:2012-07-2422:39:31【问题描述】:我的chrome扩展文件夹中有一个页面iframe.html。我希望它显示在我当前的网页中。这就是问题所... 查看详情

如何通过xml文件导入时将图像连接到magento(代码片段)

我在Magento中导入了100个产品,没有通过xml文件的图像。(我没有图片)现在我也有图像,想要将它们导入Magento,所以在XML文件中我将图像放在地图/a/l/中,并且在我的服务器上我已将它们放入地图/a/l/。(/a/l/也是在magento中手动... 查看详情

如何从 chrome 扩展中读取文件?

】如何从chrome扩展中读取文件?【英文标题】:Howtoreadfilefromchromeextension?【发布时间】:2015-05-0515:39:06【问题描述】:我有popup.html,其中popup.js在通过单击浏览器操作加载弹出窗口时被调用。我正在以编程方式使用chrome.tabs.execut... 查看详情

chrome在哪里存储使用windows7上的amazon-cloudextension下载的离线图书?(代码片段)

我使用ChromeCloudReader扩展程序从亚马逊下载了几本书。查看这些书籍的唯一可能方法是从Chrome阅读器扩展程序内部开始,让我们坦率地说,这是一个非常烦人的扩展。我想在我自己的浏览器(Calibre)中查看这些书(我猜.mobi文件... 查看详情

导入没有.py扩展名的python模块(代码片段)

我有一个名为foobar的文件(没有.py扩展名)。在同一目录中,我有另一个尝试导入它的python文件:importfoobar但这只有在我将文件重命名为foobar.py时才有效。是否可以导入没有.py扩展名的python模块?更新:该文件没有扩展名,因为... 查看详情

lyncserver使用命令在架构主机上扩展架构(代码片段)

在账户权限足够的条件下:一.准备架构在架构主机上将lync安装包中的ldf文件复制到架构主机服务器上(这四个.ldf文件位于安装介质或下载的\Support\Schema目录中)。然后cd进入ldf文件的文件夹中。如果使用Ldifde.exe导入架构文件,... 查看详情

Chrome 扩展程序如何将许多文件保存到用户指定的目录?

】Chrome扩展程序如何将许多文件保存到用户指定的目录?【英文标题】:HowcanaChromeextensionsavemanyfilestoauser-specifieddirectory?【发布时间】:2013-11-1702:19:31【问题描述】:我正在开发一个用作内部工具的Chrome扩展程序。其要求的行为... 查看详情

如何知道当前环境是chrome扩展中的content.js或background.js(代码片段)

我在内容环境和后台环境中都包含一个脚本文件,我想判断代码中的当前环境。我尝试通过访问内容环境中受限制的模块来执行此操作。像那样if(chrome.tabs)//inbackgroundenvironmentbecausetabsmodulecannn'tuseincontent.jselse//incontentenvironment但这... 查看详情

javascript当您单击浏览器操作图标时,只需极少的chrome扩展即可将js文件注入给定页面。然后脚本插入一个n(代码片段)

查看详情