google-chrome-extension 相关问题

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

如何使用内容脚本过滤 Whatsapp Web 上的聊天?

我实际上正在创建一个 chrome 扩展程序,它会在 Whatsapp 网络中创建一些选项卡,例如“所有”、“未读”、“组”等。当我们选择这些选项卡中的任何一个时,它会过滤掉 l 上的联系人列表...

回答 1 投票 0

Google Chrome 扩展 - 后台脚本

在使用 Chrome 扩展后,我注意到当您位于 chrome://extensions 页面时,清单文件中启动的后台脚本将运行,就好像您只是在浏览一样...

回答 5 投票 0

使用 Google API 客户端库在 Chrome 扩展中进行 OAuth 2 身份验证

我正在尝试构建一个访问 Google Drive 的 Chrome 扩展,其中使用 JavaScript 的 Google API 客户端库执行 OAuth 2 身份验证请求。我的分机已经

回答 3 投票 0

Chrome 扩展程序将输入附加到 URL。

我目前正在创建一个 Chrome 扩展,它有一个 popup.html,弹出窗口中有两件事。输入字段和提交按钮。 输入字段从用户处获取 EXTN 号码,提交时...

回答 2 投票 0

Chrome 扩展徽章 - 文本颜色

有关 Chrome 徽章/浏览器操作 API 的快速问题。 有没有办法设置徽章文字颜色? (就像你可以使用背景颜色一样)。 我确信我记得看到过对

回答 3 投票 0

使用 Chrome DevTools API 捕获非活动选项卡的屏幕截图

我正在开发一个 Chrome 扩展程序,我必须使用选项卡 ID 进行屏幕截图,即使它不是活动选项卡。因此,我无法使用 captureVisibleTab API。有没有办法做到这一点...

回答 1 投票 0

如何使用 Chrome 扩展清单版本 3 将脚本导入到 Service Worker 中?

我正在尝试将我的 chrome 扩展从清单版本 2 迁移到版本 3。现在后台脚本已被清单 v3 中的 Service Worker 替换,我无法再使用 html 文件并引用 js 文件...

回答 2 投票 0

是否可以在 Chrome 扩展中要求 npm 模块?

我尝试过,但出现“要求未定义”错误。我找不到这方面的信息,有人可以启发我的菜鸟吗?

回答 5 投票 0

Google Chrome 开发者工具中的 Step 和 Step Into 有什么区别?

Google Chrome 开发者工具中的“Step”和“Step into”有什么区别? 我什至在文档中找不到它 https://developers.google.com/web/tools/chrome-devtools/javascript/

回答 1 投票 0

chrome 扩展匹配 url 检查子路径

如果网址是 https://www.themoviedb.org/movie/,我想运行我的 index.js,但如果它有像 https://www.themoviedb.org/movie 这样的子路径,我不希望它运行//&l...

回答 1 投票 0

无法使用 Javascript(Chrome 扩展)获取 Youtube 用户名

我正在尝试学习如何创建 chrome 扩展。创建一个简单的扩展,控制台记录当前 YouTube 视频的标题 这是 YouTube 标题的 HTML 我正在尝试学习如何创建 chrome 扩展。创建一个简单的扩展,控制台记录当前 YouTube 视频的标题 这是 Youtube 标题的 HTML <div id="title" class="style-scope ytd-watch-metadata"> <ytd-badge-supported-renderer class="style-scope ytd-watch-metadata" disable-upgrade="" hidden=""> </ytd-badge-supported-renderer> <h1 class="style-scope ytd-watch-metadata"> <yt-formatted-string force-default-style="" class="style-scope ytd-watch-metadata">Elon’s "based" Grok AI has entered the chat…</yt-formatted-string> </h1> <ytd-badge-supported-renderer class="style-scope ytd-watch-metadata" disable-upgrade="" hidden=""> </ytd-badge-supported-renderer> </div> 这是我为获取标题而编写的代码。此代码位于 ContentScript 中。 (()=>{ console.log(document.getElementById("title")); console.log(document.querySelector("#title > h1 > yt-formatted-string")); })(); 第一行给出输出 <div id="title" class="style-scope ytd-watch-metadata"> 但是第二行输出 null 我已经检查过,在 chrome 控制台中输入时,第二行给出了正确的输出。当我尝试使用 javascript 执行此操作时,它不起作用。 这是我的manifest.json { "manifest_version": 3, "name": "FillModule", "description": "Fill test 001", "version": "1.0.0", "permissions": ["storage", "tabs"], "author":"Aniket Vishwakarma", "action": { "default_icon": "assets/doggy.png", "default_title": "Fill", "default_popup": "popup/popup.html" }, "background" : { "service_worker": "background/background.js" }, "content_scripts": [ { "matches": ["https://*.youtube.com/*"], "js": ["content/content.js"] } ] } 我的尝试 我尝试将其包装在“DOMContentLoaded”中,如下所示 document.addEventListener("DOMContentLoaded", () => { console.log(document.querySelector("#title > h1 > yt-formatted-string")); console.log(document.getElementById("title")); }); 但是之后没有任何行执行。 我在 StackOverflow 上找到了一个解决方案,解释为什么“DOMContentLoaded”不起作用。这个解决方案是这样的 if (document.readyState !== 'loading') init(); else document.addEventListener('DOMContentLoaded', init); function init() { console.log(document.getElementById("title")); console.log(document.querySelector("#title > h1 > yt-formatted-string")); } 但是我得到了相同的结果 <div id="title" class="style-scope ytd-watch-metadata"> null 有人可以解释一下这里发生了什么以及如何解决这个问题吗? 由于它不是静态元素,因此在文档首次开始处理时不会立即创建。 收到#title后,需要监听DOMNodeInserted。 参考下文 if (document.readyState !== 'loading') init(); else document.addEventListener('DOMContentLoaded', init); function init() { const title = document.getElementById("title") title.addEventListener("DOMNodeInserted", () => {title.querySelector("#title > h1 > yt-formatted-string")}) }

回答 1 投票 0

为什么 chrome.pageCapture.saveAsMHTML 无法在我的 Google Chrome 扩展程序中工作?

在我的 Google Chrome 扩展中,background.js 定义了这个函数: 函数提交MHTML() { console.log("已输入submitMHTML()"); chrome.tabs.query( {活动:true,lastFocusedWindow:true...

回答 3 投票 0

更新位置标头不会影响重定向

我正在尝试更新位置标题。我可以在控制台中看到标头的新值,但是浏览器没有重定向到新 URL。 这是我的manifest.json: { ”

回答 1 投票 0

Chrome 扩展 NativeMessaging 'connectNative' 未定义

我正在尝试使用runtime.connectNative和postMessage实现chrome扩展。我正在关注 chrome 文档,下载了本机消息传递示例,我正在尝试运行该示例...

回答 2 投票 0

理解 webNavigation.onHistoryStateUpdated() 行为

我在后台脚本中使用 onHistoryStateUpdated 来检查 Youtube 上的导航。 chrome.webNavigation.onHistoryStateUpdated.addListener(函数(详细信息) { 控制台.log(详细信息); ...

回答 1 投票 0

在 ManifestV3 Service Worker 中将大型 Blob 下载到本地文件

我有一个日志记录机制,可以将日志保存到数组中。我需要一种将日志下载到文件中的方法。 我之前(在清单 v2 上)使用过这个 const url = 网址。

回答 1 投票 0

React 选项卡未出现在 Chrome 开发者工具中

我已经安装了 React Developer Tools Chrome 浏览器扩展。但我在开发人员工具中看不到 React 选项卡,而是有名为“Components”和“Profiler”的新选项卡。 我重新安装了

回答 10 投票 0

错误处理响应:ReferenceError:文档未定义

我试图学习如何做一个虚拟的 Chrome 扩展,但我在标题中遇到了这个错误。此扩展程序会尝试从 Google 图片中删除所有图像并执行其他我不确定的操作,...

回答 1 投票 0

在 Chrome 扩展中导入 OpenCV:cv 未定义

我正在尝试在我的 chrome 扩展中加载 OpenCV,但它显示为未定义,尽管其他库加载得很好。 清单.json { “清单版本”:3, “姓名”:&...

回答 1 投票 0

用于发送带有姓名的 WhatsApp 消息的 Chrome 扩展

我正在尝试创建一个用于发送消息的 chrome 扩展。我只想在消息上方添加我的名字。 问题是我不知道如何发送来自变量的我的名字(

回答 1 投票 0

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