google-chrome-extension 相关问题

Google Chrome网络浏览器的扩展开发。您可以使用HTML,JavaScript和CSS等Web技术编写它们。

如何在 Chrome 扩展 Service Worker 中导入 js 文件?

我正在尝试在 Chrome 扩展的服务工作者中使用 socket.io 库,但是当我尝试在 Chrome 中加载它时,出现错误:未捕获的语法错误:“无法在

回答 2 投票 0

使用 Google 跟踪代码管理器和 Google Analytics 来跟踪 Chrome 扩展程序 (2020)

我正在开发一个 Chrome 扩展,我希望能够使用谷歌分析来跟踪指标。我相信最简单的方法是通过标签管理器,我找到了这个教程......

回答 2 投票 0

使用 Node 的 'Docx' 通过 JS 附加到现有的 Word 文档

我很好奇是否可以附加到我用 Js 和 docx 模块创建的生成的 Word 文档。 目前我可以生成文档并格式化它。 然而,我在

回答 2 投票 0

内容脚本 – 页面加载完成后访问 DOM 后返回“Null”值的函数

目标 - 我正在构建一个 Chrome 扩展程序。一旦页面和所有 DOM 元素加载完毕,我需要从特定网页访问 DOM 元素。 Index.html – 我正在访问的页面 目标 - 我正在构建一个 Chrome 扩展程序。一旦页面和所有 DOM 元素加载完毕,我需要从特定网页访问 DOM 元素。 Index.html – 我正在访问的页面 <div class="db">some text</div> 当前行为 – 我的函数返回 Null 预期行为 – 页面完成加载后,我希望在控制台中看到以下内容 <div class="db">some text</div> Contentscript.js – 下面是页面加载后运行的脚本 window.addEventListener('load', getWorkspaceDetails); function getWorkspaceDetails() { let workspaceName = document.querySelector('.db'); console.log(workspaceName); }; 以下是控制台记录预期 DOM 元素的唯一情况 setTimeout(() => { let workspaceName = document.querySelector('.db'); console.log(workspaceName); }; }, 5000); 感觉查询不尊重页面加载,因此查询失败。我不想使用setTimeout。如何确保 window.addEventListener() 按预期工作? 这是因为“目标”元素在窗口完全加载后加载。 为此,您可以使用 MutationObserver 来监视 DOM 中的变化,并在检测到“目标”元素时执行该函数。 这样,您可以避免 setTimeout 并确保该函数在元素可用时立即运行: const target = '.db'; const observer = new MutationObserver((mutationsList, observer) => { if (document.querySelector(target)) { getWorkspaceDetails(); observer.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); function getWorkspaceDetails() { let workspaceName = document.querySelector(target); console.log(workspaceName); } // Initial check in case the element is already present if (document.querySelector(target)) { getWorkspaceDetails(); observer.disconnect(); }

回答 1 投票 0

“对 fetch 的访问已被 CORS 策略阻止”尝试使用 chrome 扩展发送 GET 请求时出错

让链接= https://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/? 键=XXXXXXXXXX&steamids=764564564575656 获取(链接) .then(分别=> { resp.json() ...

回答 1 投票 0

相当于 Firefox 附加侧边栏的 Chrome 扩展

我正在尝试创建chrome扩展,它将创建浮动覆盖(不刷新的静态覆盖),类似于firefox附加“ui sidebar” 有没有办法像overlay一样维护iframe...

回答 2 投票 0

防止 Chrome 重复控制台条目

我正在尝试创建 YouTube 扩展程序,但在控制台中我收到重复的条目。 这使得调试变得更加困难,因为我必须不断查找所有控制台消息所在的条目

回答 1 投票 0

在 chrome devtools 网络控制台中复制多个网络响应

我想从 Chrome 开发工具下的网络选项卡中复制过滤后的请求列表中的所有网络响应。 我在

回答 3 投票 0

编辑现有邮件或将其转发到 Gmail 撰写窗口

我有一个 Chrome 扩展程序,它为 Gmail 界面添加了新功能。 我正在尝试创建具有默认页眉、页脚和签名的电子邮件“模板”(使用 html、图像和...

回答 2 投票 0

Chrome 扩展从内容脚本引用/调用其他脚本函数

我有一个包含很多函数的内容脚本,我希望能够将这些函数拆分到其他脚本中 从内容脚本中调用其他脚本是否需要任何魔法...

回答 3 投票 0

服务工作人员和内容脚本未运行

我有 popup.html 和 popup.js,没有服务人员,也没有内容脚本,一切都工作正常。 现在我被要求从网站中提取用户名。该网站是一个 ReactJS

回答 1 投票 0

如何为 Chrome 扩展安装设置转化事件?

Chrome 网上应用店允许您将 Google Analytics UA 跟踪号添加到 Chrome 扩展程序页面,但是我找不到将其直接与 Google Ads 集成以进行跟踪的方法

回答 2 投票 0

`OnInputEnteredDisposition`在哪里设置?

Chrome 文档和 Mozilla 文档在为omnibox.onInputEntered 的事件侦听器编写回调时清楚地说明了 OnInputEnteredDisposition 是什么。后者甚至有一个关于如何进行的示例...

回答 1 投票 0

使用 chrome.tabs.sendMessage 发送消息时以 Promise 数组形式获取多个响应

当manifest.json中设置all_frames: true时,内容脚本在目标页面的所有框架上运行,但是当消息从另一个脚本发送到内容脚本时,我想知道h...

回答 1 投票 0

通过 Chrome 扩展程序静默下载

我需要我的扩展来在网页中批量下载评估。 我为 chrome.downloads.download 设置了 saveAs:false ,这样我就不会出现 saveAs 对话框。但是当下载开始时,底部的下载栏...

回答 2 投票 0

Firefox 扩展 onMessage sendResponse

我在使用这些 Firefox 扩展时遇到了一个非常令人沮丧的问题。具体来说,问题是我无法获取然后使用onMessage.addListener的sendResponse后面的数据。哈...

回答 1 投票 0

Google Chrome 扩展程序:切换开/关模式

我有一个可通过按钮访问的 Google Chrome 扩展程序。该扩展应该“启动”某些东西,然后,当再次单击它时,它应该“停止”。因此,它...

回答 1 投票 0

Chrome 扩展 getUserMedia 无法在 background.js 中工作

我正在制作一个允许录制屏幕的 Chrome 扩展,但我想在后台脚本中执行此操作,甚至无需打开选项页面。我怎样才能在 Chrome 扩展中实现这一点。我可以看到哦...

回答 1 投票 0

如何使用 JavaScript 在 Chrome 扩展程序中调整动画 GIF 的大小?

我使用的一个网站使用 XenForo。他们不允许使用 GIF 头像,但你可以上传它,它会将其保存为原始图像(可能会缩小到一定程度)。 XenForo 将图像服务器为 o、l、m、s;

回答 1 投票 0

如何通过Chrome扩展程序将service-worker.js注入网页?我想为现有页面添加离线功能

目标: 我想通过 Chrome 浏览器扩展程序向在线网页添加离线功能。 总而言之: [✔️] CSS注入 [✔️] 自定义JS注入 [✔️] JS 资产来自 网页内部重定向...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.