开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

popup.js中的代码未运行(chrome/edge扩展)

popup.js是一种用于Chrome和Edge浏览器扩展的JavaScript文件，用于处理弹出窗口的逻辑和功能。当popup.js中的代码未运行时，可能会导致扩展功能无法正常工作。

解决这个问题的步骤如下：

确保popup.js文件已正确引用：在扩展的manifest.json文件中，检查是否正确指定了popup.js文件作为浏览器扩展的一部分。
检查代码错误：打开popup.js文件，检查是否存在语法错误、拼写错误或其他代码错误。确保代码逻辑正确，并且没有任何错误可能导致代码无法运行。
确保文件路径正确：如果popup.js文件位于其他文件夹中，确保在manifest.json文件中正确指定了文件路径。确保文件路径大小写正确，并且文件实际存在于指定的位置。
检查浏览器扩展权限：在manifest.json文件中，确保已正确声明所需的权限。例如，如果popup.js需要访问特定的网站或API，需要在manifest.json文件中声明相应的权限。
检查浏览器扩展设置：在浏览器中打开扩展管理器，检查是否已启用扩展，并且没有任何设置阻止popup.js的运行。
清除浏览器缓存：有时，浏览器缓存可能导致扩展文件无法正确加载。尝试清除浏览器缓存并重新加载扩展。

总结： popup.js是一种用于处理Chrome和Edge浏览器扩展中弹出窗口的JavaScript文件。当popup.js中的代码未运行时，可能是由于文件引用错误、代码错误、文件路径错误、权限问题、扩展设置问题或浏览器缓存问题所致。通过检查这些可能的原因，并进行相应的修复，可以解决popup.js未运行的问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云函数（云原生）：https://cloud.tencent.com/product/scf
腾讯云云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
腾讯云区块链（区块链）：https://cloud.tencent.com/product/baas
腾讯云虚拟专用云（元宇宙）：https://cloud.tencent.com/product/vpc

相关搜索:<br> inside <pre>可以在Safari中运行，但不能在Chrome或Edge中运行？Chrome/Edge中的document.title更改延迟 chrome扩展代码中的简单jQuery延迟问题 Chrome扩展后台脚本在发布时未运行 Edge/Opera/Chrome中的Javascript滚动问题 jQuery代码不能在chrome扩展的内容脚本中运行 js代码可以在firefox上运行，但不能在chrome opera和edge上运行。Netlify站点可以在Chrome中运行，但不能在Firefox、Opera和Edge中运行 pd.read_html可以在Microsoft Edge中运行，但不能在Chrome中运行 VS代码和Chrome调试扩展-打开新的Chrome实例？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

在Edge中安装Chrome扩展程序

最终效果图打开https://www.microsoftedgeinsider.com/en-us/download/ ,下载Edge的CAN版本 (Logo为金色配色), 并完成安装...打开允许Edge从其它商店安装扩展程序的按钮从Chrome商店安装扩展程序打开https://zhaoolee.gitbooks.io/chrome/content/ 寻找自己喜欢的扩展程序...-523022-fu-wen-ben-ge-5f0f22.html 小结 Edge可以安装绝大多数Chrome商店中的扩展, 但Chrome中的谷歌开发App程序, 类似Secure Shell...App, 目前是无法安装的, 新版Edge使用了Chrome的Chromium内核, 可以兼容安装Chrome生态中的各种应用程序,为Edge未来的发展带来了无限可能~ 谷粒-...Chrome插件英雄榜本文属于谷粒-Chrome插件英雄榜文集的一部分, 为了集合更多的程序员和工具爱好者, 将谷粒-Chrome插件英雄榜维护下去, 我已将谷粒-Chrome插件英雄榜文集的所有内容托管到

3K4 0

分享几个实用的 chrome 和 edge 扩展

话说没有扩展的浏览器是没有灵魂的，之前分享过几篇关于Chrome扩展的文章（微软的edge也是通用的）这里再分享几个实用的扩展：网易云音乐这个扩展在之前文章分享过分享几个音乐神器 APP，免费听全网音乐...终结内容农场平常使用搜索引擎的时候经常会发现些垃圾seo网站，打开后都是从其他网站拼凑的内容，这个扩展可以标示内容农场链接，防止误入内容农场网站，并封锁内容农场的广告与恶意程序，扩展地址https:...jpg/png 现在公众号文章的图片都是webp格式，这个扩展就可以把webp保存为jpg或者png，扩展地址 https://chrome.google.com/webstore/detail/save-image-as-type...在线office 这个Chrome扩展支持在线编辑 Word、Excel、PPT 文件，几乎可以取代 Microsoft Office，WPS 等本地软件，支持的文件格式包含doc、docx、xls...JSON格式的数据，不过不方便预览，这个扩展可以很直观的查看数据，层次分明，比如之前分享的查看b站账户硬币数的接口每天自动签到b站快速升级LV6 ，扩展地https://chrome.google.com

1.4K2 0

浏览器扩展开发系列教程（一）

以谷歌内核的浏览器扩展，包括 edge chrome ，还有我们常用的国产浏览器都能使用浏览器扩展是一种软件，以增强Chrome内核浏览器的功能。...浏览器扩展无需了解浏览器的源代码，而浏览器插件是更底层的浏览器功能扩展，需要深入掌握浏览器的源代码。...该文件采用JSON格式定义 js文件中定义要执行的操作浏览器扩展，通常还可以包括图标、页面和CSS等资源图标通常是19px*19px的PNG文件页面通常是HTML文件，用于定义显示给用户的窗口，如...popup页面或options页面等注意：控制popup窗口或options窗口的分别是popup.js和options.js文件 CSS是常见的定义页面样式的文件作为一个浏览器扩展，上述所有文件应该都位于一个根目录之下...3.浏览器扩展的部署运行浏览器扩展的运行无需依赖任何Web服务器。Chrome 浏览器可以方便地进行部署、测试和运行。未打包之前是以下面形式安装。

3902 0

写个自己的chrome插件

": 3, // 扩展插件版本必须是2以上 "name": "Maic_test_chrome", // 扩展名称 "description": "lesson demo", // 扩展描述...png", "128": "images/icon-128.png" } } 让当前网页加载一个脚本 content_scripts指定加载对应脚本js,css注意matches中匹配的是当前访问的...('received user data', response); }); popup.js向content.js通信在popup页面需要查找当前激活的tabs // popup.js chrome.tabs.query.../popup.js"> 当你打开浏览chrome://extensions/然后添加插件04-demo 在打开一个测试页面我通过插件中的popup.js...是独立于插件外部脚本，当匹配对应网页时，可以利用content.js控制当前网页 background.js是运行插件增强js,我们可以在这background.js控制chrome插件，或者与popup.js

1.9K1 0

Chrome扩展开发入门

近几年，随着 IE 浏览器的落幕，Chrome（包括使用Chrome内核的浏览器）其实质上已经垄断整个浏览器行业了，就连微软的 Edge 都用上了 Chrome 内核。...2.相比也网页有更多的功能特性，支持调用 Chrome 浏览器原生API，可跨浏览器 Tab 运行，生命周期不会不随着页面关闭而结束。...从名字就可以看出来，这是一个运行在浏览器后台的脚本文件，其运行生命周期页面无关，浏览器打开多个 Tab 都只会共用同一个 background 脚本。...这段代码是位于“后台脚本”的一段代码，大概意思就是当扩展安装加载完成之后将 color 变量存储在本地 storage 中。...> 下面这段代码是弹窗 popup.js 文件的代码，点击按钮之后读取前面 background.js 中设置的颜色值，并设置为 popup.html （扩展弹窗模块）的背景色

3.9K3 0

15分钟手摸手教你写个可以操控 Chrome 的插件

，我们还需要在本地创建一个可用的 websocket 来发送信息给 chrome 插件为了方便起见，我这边就用 node 的 express 以及 socket.io 这个库来启用目录结构和代码都很简单...这个主要功能就是 Chrome 插件中向页面注入脚本在第一步的操作中正是该文件在别的页面控制台中打印出了我们期望的 log content-scripts 和原始页面共享 DOM，但是不共享 JS...、启动就运行的、全局的代码放在 background 里面 popup.js 这个就是点击浏览器右上角的插件图标展示的弹窗，生命周期很短，可以将临时的交互写在这里对于我们这次要长时间驻存在浏览器后台与服务通信的要求得出...即可 chrome-extension://${extensionID}/background.html 每次更新代码点击按钮刷新即可为了调试方便起见我在 popup.js 中加入了以下代码每次点击我们的插件图标即可新开一个后台页面...，主要还是给大家分享个想法和思路，让没接触过 chrome 插件的朋友们也可以尝试下参考资料【干货】Chrome 插件(扩展)开发全攻略（https://www.cnblogs.com/liuxianan

1.4K2 0

小技巧 | Get 到一个 Web 自动化方案，绝了！

答案是肯定的本篇文章以 Chrome 插件为例，结合一个实例，聊聊 Web 端自动化的另一种方案 2....Chrome 插件 Chrome 扩展插件运行于基于 Chromium 内核的浏览器包含：Chrome 浏览器、Microsoft Edge、360 浏览器等一个 Chrome 扩展插件有 3 类文件组成...js 脚本文件包含 popup.js、background 和 content_scripts 其中 popup.js 用于搭配 popup.html 使用，用于点击插件图标的时候展示页面及页面逻辑控制...在 content_vx.js 文件中，根据需求操作 DOM 元素，完成自动化的操作比如，这里获取用户名、密码输入框，模拟输入，然后模拟点击登录按钮，完成登录的操作需要注意的是，如果 run_at...插件管理界面开启「开发者模式」，然后点击左侧的「加载已解压的扩展程序」加载上面创建的项目文件夹开启扩展插件，每次打开目标网站或退出登录时，会发现网页会自动完成登录操作 4.

1K0 0

【译】Cromos – 下载并注入代码到谷歌 Chrome 浏览器扩展中

cromos是一个用于下载Chrome网页商店合法扩展的工具，还可以在应用程序背景下注入代码。...模块描述模块/键盘侧录（keylogger）在一个受感染的浏览器中，这个模块将捕获你输入的所有密码，不管是否基于 https 协议，你所需要的只是一个php服务器，用于接收请求的参数，即电子邮件地址...组策略对象（GPO） Chrome允许你添加扩展使用Windows组策略对象(GPO)。...如果你需要在多台机器上强制安装，只需要按照Chrome部署向导中的步骤，然后稍微修改原来的扩展，你就可以在Chrome网页商店发布你的扩展，这需要支付5美元。免责声明代码示例是基于教育目的提供的。...只有调查研究恶意行为者的攻击技术，我们才能构建足够的防御。未经许可,对目标系统使用这段代码在大多数地区是非法的。对滥用这段信息和代码造成的损失，作者不承担任何赔偿责任。

1.2K6 0

小技巧 | Get 到一个 Web 自动化方案，绝了！

答案是肯定的本篇文章以 Chrome 插件为例，结合一个实例，聊聊 Web 端自动化的另一种方案 2....Chrome 插件 Chrome 扩展插件运行于基于 Chromium 内核的浏览器包含：Chrome 浏览器、Microsoft Edge、360 浏览器等一个 Chrome 扩展插件有 3 类文件组成...js 脚本文件包含 popup.js、background 和 content_scripts 其中 popup.js 用于搭配 popup.html 使用，用于点击插件图标的时候展示页面及页面逻辑控制...在 content_vx.js 文件中，根据需求操作 DOM 元素，完成自动化的操作比如，这里获取用户名、密码输入框，模拟输入，然后模拟点击登录按钮，完成登录的操作需要注意的是，如果 run_at...插件管理界面开启「开发者模式」，然后点击左侧的「加载已解压的扩展程序」加载上面创建的项目文件夹开启扩展插件，每次打开目标网站或退出登录时，会发现网页会自动完成登录操作 4.

1.1K2 0

完美去除Chrome「请停用以开发者模式运行的扩展程序」

自Chrome74开始，使用Google Chrome 浏览器安装非应用商店扩展时提示。开关变成灰色无法开启 ? 解决方案也很简单，就是通过把插件 crx 后缀改成 zip 解压后使用，再点击 ?...虽然不影响使用，但每次提醒都非常烦人，对于有强迫症的小伙伴而言，虽然以前有彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示里面提到了几种解决方法，但都不太完美。...01.找到Chrome安装目录首先要找到Chrome的安装目录，在桌面Chrome的图标中右键，选择属性，点击下方红色按钮。 ? 02.安装一键去除补丁打开目录后，把补丁放入此目录中。...不同版本的Chrome此处的数字会稍有差异，补丁文件下载地址见文章末尾。 ? 右键补丁，以管理员身份运行 ? 点击应用，提示成功即表示补丁执行成功。 ?...补丁界面接下来重新打开Chrome，看看讨厌的提示是不是没有了。此补丁支持Chrome 74以上版本。

2.6K2 0

在半小时内从无到有开发并调试一款Chrome扩展（Chrome插件谷歌浏览器插件）

，这一次我们尝试在半小时内开发一款Chrome扩展，因为之前我们做了一个微信小程序的在线面试题题库的项目，所以正好利用这个题库将面试题平移到Chrome扩展上面。 ...Chrome插件其实和一个普通web应用一样都是由html+css+js经过zip打包组成的，插件可以使用Chrome提供的浏览器API，增强浏扩展览器的功能。...Chrome插件通常是.crx后缀的文件，通过谷歌网上应用商店下载或者在开发者模式中可以直接拖入到浏览器进行安装首先建立一个项目文件夹，mkdir chrome_demo ...，利用jquery往后台发送一个异步请求，用来获取一道随机面试题，接口返回数据后，前端再通过回调方法将面试题渲染到扩展的页面中，目前为止，我们的项目结构是这样的随后我们将扩展导入到...chrome浏览器中，在浏览器地址栏输入：chrome://extensions/,然后点击加载已解压的扩展程序代码里我用console.log输出了一些信息，那么怎么调试扩展呢？

5112 0

彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示

前言最近使用vue的过程中，安装了vue调试工具vue-devtools,确实强大好用，不过遇到一蛋疼问题，每次启动chrome 就弹出以下提示 ?...解决方法网上搜索了一圈，发现主要有3种方法：组策略法，运行批处理法，直接改dll文件法。第一种组策略的据说很早就失效了。...另外一个批处理的方法据说也生效了，而且批处理权限太大没敢尝试运行，以下是第3种方法 2.1. ...然后连续多次点击运行到用户代码按钮，直至窗口标题处的模块变成chrome.dll： ? 然后在主面板右键依次选择搜索 -> 当前模块 -> 字符串： ?...你可以把dll文件导出到其它某个位置，然后把原始chrome.dll文件备份，再把这个修改过的替换，然后重启Chrome，可以发现该死的提示已经没有了。以上步骤测试于最新版本chrome。 ?

9951 0

彻底禁用Chrome的“请停用以开发者模式运行的扩展程序”提示

前言 Chrome勾选开发者模式安装插件后，每次启动都会弹出请停用以开发者模式运行的扩展程序的提示，最为一枚具有强迫症的程序员，这个绝对不能忍~~ [20190509200546595.png] Chrome...选择最新版本进行下载：[20190509200649190.png] 下载好之后，解压打开release，可以点击x96dbg选择x64dbg，也可以直接选择x64文件夹中的x64dbg，如果你是32...位的系统还可以选择x32dbg [在这里插入图片描述] 1.2 反编译chrome.dll 通过右键chrome图标 --> 属性 --> 打开文件的所在位置找到chrome.dll文件 [在这里插入图片描述...如图： [在这里插入图片描述]然后连续多次点击运行到用户代码按钮（我这里是连续点击6下），直至窗口标题处的模块变成chrome.dll： [在这里插入图片描述] [在这里插入图片描述] 然后在主面板右键依次选择...] 然后把dll文件导出到任意其他位置，然后把原始chrome.dll文件==备份==（以免操作失误，否则只能重装Chrome），先关掉x64dbg，将刚刚导出的修补文件以chrome.dll命名然后覆盖原来的

4.8K0 0

Chrome扩展插件的开发--获取网页Cookies

Chrome扩展插件的开发--获取网页CookiesChrome浏览器在浏览器类应用软件中一直居于榜首，很多人选择Chrome浏览器不仅仅是因为它的稳定，还有它丰富的可拓展性。...设置的是扩展插件图片，路径位置相对于配置文件；// manifest.json继续配置action{...".../script/popup.js">权限配置获取cookies需要先在manifes.json中添加对应权限；host_permissions中设置哪些网站下该插件可以获取...js 代码直接写在 html 文件里，否则会报错，必须要单独新建一个 js 文件，然后通过 script 标签引用该文件；通过在popup.js内调用chrome获取cookies的API来获取所访问网页的...浏览器内导入使用打开chrome的插件管理页面chrome://extensions打开该页面右上角的开发者模式点击加载已解压的扩展程序，上传本地文件即可导入插件点击浏览器右上角扩展程序图标可以将自己的插件固定到浏览器顶部

1.4K2 0

Chrome扩展插件的开发--获取网页Cookies

Chrome扩展插件的开发--获取网页Cookies Chrome浏览器在浏览器类应用软件中一直居于榜首，很多人选择Chrome浏览器不仅仅是因为它的稳定，还有它丰富的可拓展性。...设置的是扩展插件图片，路径位置相对于配置文件； // manifest.json继续配置action { ... .../script/popup.js"> · 权限配置获取cookies需要先在manifes.json中添加对应权限；host_permissions中设置哪些网站下该插件可以获取...在开发插件时，不能将 js 代码直接写在 html 文件里，否则会报错，必须要单独新建一个 js 文件，然后通过 script 标签引用该文件；通过在popup.js内调用chrome获取cookies...浏览器内导入使用 · 打开chrome的插件管理页面chrome://extensions · 打开该页面右上角的开发者模式 · 点击加载已解压的扩展程序，上传本地文件即可导入插件 · 点击浏览器右上角扩展程序图标可以将自己的插件固定到浏览器顶部

2K2 0

开发Chrome插件获取当前页面Cookie

三次以上的代码重构方法，三次以上的手工操作脚本自动化，所以我就想做一个Chrome插件，来获取当前的页面Cookie。..."manifest_version": 3, // chrome扩展文件的发行版本，类似vue2 还是vue3的声明 "action": { // 声明 Chrome 应用作扩展程序的操作图标的图片...，以及当用户点击扩展程序的操作图标时在弹出式窗口中显示的 HTML 页面。...从本例子基本可以了解到一个插件的执行流程， manifest注册插件的信息，然后链接到端面，端面引入了js用于逻辑控制。开发设计万事谋而后动，想清楚再写代码就是填空题。...hl=zh-cn 其他示例 chrome扩展示例 https://github.com/GoogleChrome/chrome-extensions-samples

2951 0

封装Python代码：如何在未安装Python的情况下运行Python脚本

你可以封装你的python代码，并提供给其他人去运行，即便他们没有安装python。...然后，它收集所有这些文件的副本，包括活动的Python解释器并将它们与脚本一起放在单个文件夹中，或者选择地放在单个可执行文件中。...注：代码中的示例文件cc_statement.csv可在知识星球完美Excel社群下载。...运行应用程序所需的一切都在“dist”文件夹中，这样我们就可以删除其他额外的文件夹和文件，我们只需将dist文件夹发送给其他人，他们就可以运行我们的Python应用程序。...要将Python代码封装到单个文件中，使用--onefile参数要向应用程序添加图标，使用--icon参数。

2.8K2 0

从0开始开发一个chrome插件（3）

接着讲一下各个js之间的通信； backgroud.js是中间商 backgroud.js可以和content_script.js之间相互通信 backgroud.js也可以和popup.js之间相互通信...content_script.js和popup.js之间不能直接通信； backgroud.js和content_script.js通信：通信的数据预先存储在本地存储中,方便存取在backgroud.js...中//监听来自content_script的消息，接收消息并回复 chrome.runtime.onMessage.addListener(function(senderRequest,sender,sendResponse...中给backgroud.js发消息，并监听background发来的消息 //初始化bgCommunicationPort window.bgCommunicationPort = chrome.runtime.connect...的消息popup可以通过backgroud.js中转发消息给content_script.js //监听脚本监听来自popup的消息 chrome.runtime.onConnect.addListener

9375 0

FFmpeg代码导读——HEVC在RTMP中的扩展

HEVC在RTMP中的扩展为推进HEVC视频编码格式在直播方案中的落地，经过CDN联盟讨论，并和主流云服务厂商达成一致，规范了HEVC在RTMP/FLV中的扩展，具体修改内容见下。...4.1 FLV规范扩展 HEVC为视频编码格式，因此对FLV规范的扩展，只集中在Video Tag，其它部分，无任何改动。...由第二章节的阐述可知，FLV的解复用和复用功能代码分别在libavformt/flvdec.c和libavformat/flvenc.c中，扩展后的修改也都集中在这两个文件。...4.2.1 编码类型定义 libavformat/flv.h中按照VideoTagHeader中的CodecID定义了一组视频编码格式的枚举值，扩展后的枚举定义如下： enum { FLV_CODECID_H263...HEVC与AVC视频帧在FLV中的存放格式相同，所以只需在读取Video Tag的地方增加AV_CODEC_ID_HEVC的判断条件即可，调整后的代码如下： if (st->codecpar->codec_id

1.5K2 0

博客统计代码中的动态运行天数

>秒将本站运行以前的代码放到网站的 footer 中，然后将最后一行代码插入统计代码当中或网站合适的位置即可。...script> function setTime() { // 博客创建时间秒数，时间格式中，...：将网站运行以前的代码放到网站的 footer 中，然后将最后一行代码插入统计代码当中或网站合适的位置即可...，可在我的博客最下面看到具体效果沈唁志|一个PHPer的成长之路！...原创文章采用CC BY-NC-SA 4.0协议进行许可，转载请注明：转载自：博客统计代码中的动态运行天数

9807 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭