文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从油猴脚本管理器的角度审视Chrome扩展

从油猴脚本管理器的角度审视Chrome扩展 在之前一段时间，我需要借助Chrome扩展来完成一个需求，当时还在使用油猴脚本与浏览器扩展之间调研了一波，而此时恰好我又有一些做的还可以的油猴脚本 TKScript.../ chrome.devtools.inspectedWindow.eval / 脚本管理器核心能力的实现 不知道大家是否有用过油猴脚本，因为实际上浏览器级别的扩展整体架构非常复杂，尽管当前有统一规范但不同浏览器的具体实现不尽相同...，并且成为开发者并上架Chrome应用商店需要支付5$的注册费，如果我们只是希望在Web页面中进行一些轻量级的脚本编写，使用浏览器扩展级别的能力会显得成本略高，所以在没有特殊需求的情况，在浏览器中实现级别的轻量级脚本是很不错的选择...那么下载我们就来探究具体的实现，首先是V2的扩展，对于整个页面来说，最先加载的必定是html这个标签，那么很明显我们只要将脚本在html标签级别插入就好了，配合浏览器扩展中background的chrome.tabs.executeScript...)的注释，其中这个sourceURL会将注释中指定的URL作为脚本的源URL，并在Sources面板中以该URL标识和显示该脚本，这对于在调试和追踪代码时非常有用，特别是在加载动态生成的或内联脚本时。

15610

chrome扩展推荐-Tampermonkey

reizhi也是chrome的爱好者之一，从最原始的IE，到假死王maxthon，再到轻快的opera，最后让我留恋chrome的理由还是强大的可扩展性。...虽然资源占用永远都是抛不开的弱点，但无与伦比的速度和极致的可扩展性是有目共睹的。   其实把Tampermonkey叫做扩展，倒不如叫做脚本平台。...Tampermonkey下载安装地址  https://chrome.google.com/we……kfjojejmpbldmpobfkfo   在chrome上安装好Tampermonkey扩展后...除了从各大论坛下载JS脚本之外，userscripts也是非常棒的一个脚本扩展集合网站。   ...Crack Url Wait Code Login For Chrome是我所向大家推荐的必备JS脚本之一。常逛论坛的你一定见过各种各样的网盘，飞速，城通，千军万马等。

91340
您找到你想要的搜索结果了吗？
是的
没有找到

认识Chrome扩展插件

学习Chrome扩展插件势在必行‍♂️‍ Chrome extensions 文档 插件的架构可以参考这里 Chrome扩展程序应用商店入口 管理使用chrome扩展。...如下图： 上图中左边地址栏内部的按钮是page action（Chrome插件，直接内置在Chrome里的），右边地址栏外部的是 browser action（Chrome 扩展插件） 5、扩展插件使用...下图是 FeHelper 扩展插件的弹出窗 7、Background Pages后台页面 8、Chrome扩展插件运行的核心机制 Chrome扩展插件中比较核心的几个概念：Extension Page...最后 本文介绍的是 chrome 扩展基础知识，相信看完以上之后，你会对 Chrome 扩展插件有了一个比较清晰的认识。...相信chrome扩展会大有作为，会不会迫不急待的要体验一下呢，我根据Chrome插件开发官网示例写的一个小扩展插件，点击这里查看项目。

1.1K10

Chrome扩展开发

manifest_version": 2, // 插件的名称 "name": "demo", // 插件的版本 "version": "1.0.0", // 插件描述 "description": "简单的Chrome...扩展demo", // 图标，一般偷懒全部用一个尺寸的也没问题 "icons": { "16": "img/icon.png", "48": "img/icon.png", "128"...", // Chrome40以后的插件配置页写法，如果2个都写，新版Chrome只认后面这一个 "options_ui": { "page": "options.html", // 添加一些默认的样式...devtools.html" } 注：content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中...，无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文，可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例：

84020

编写Chrome扩展程序

Chrome的扩展程序很多，也很容易入门，可以来简单实现一下 看看 官方文档 或者翻译的文档：百度、360，慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含： 一个manifest清单文件 html...一、了解Chrome扩展程序 Chrome扩展程序商店地址为：https://chrome.google.com/webstore/category/extensions?...hl=zh-CN 访问Chrome浏览器中已安装的扩展：chrome://extensions/ ?....pem是密钥文件 二、创建Chrome扩展程序 由上述知晓了扩展程序的大致信息，要创建一个扩展程序，也不外乎是创建一个项目，依据一定的规则编写逻辑后再打包安装 接下来就把之前写的简易计算器弄成一个扩展程序...可以看到计算器已经在扩展程序之中 再看看博客文章下的广告，已经被清除了 ? ? 三、发布Chrome扩展程序 自己的Chrome扩展程序写好之后，可以发布到商城之中 这篇文章 讲得挺好，就不多说了

87210

能安装Chrome扩展和油猴脚本的手机浏览器

之前分享过很多Chrome扩展的文章，不过都是电脑端的，今天分享几个手机上能安装扩展和油猴脚本的浏览器。 上不了谷歌如何安装 Chrome 扩展？...那些有趣/实用的 Chrome 扩展神器 那些有趣/实用的 Chrome 扩展神器系列（二） 那些有趣/实用的 Chrome 扩展神器系列（三） 微软 edge 浏览器如何安装扩展 实用油猴脚本推荐，让你的谷歌浏览器更强大...Kiwi 这是第一个要推荐的浏览器，Kiwi基于Chromium和WebKit内核开发（类似Yandex浏览器），安装扩展方式与电脑端一样，直接访问Chrome扩展商店，搜索你想安装的扩展就可以了，堪称手机版...浏览器 这是基于火狐内核开发的浏览器 https://github.com/fork-maintainers/iceraven-browser ，如果下载不了在公众号后台回复 浏览器 ，它同样支持安装扩展程序和油猴脚本...附加组件里直接安装油猴扩展。 ? 打开https://greasyfork.org/zh-CN/scripts/406336 直接安装脚本。 ?

6.7K41

谷歌浏览器chrome插件、扩展程序无法下载的解决方法

谷歌浏览器chrome插件、扩展程序无法下载的解决方法 chrome网上应用店的插件下载服务在国内已经无法访问了。那么我们如何安装谷歌浏览器插件呢？...结合强大的搜索引擎找到了解决方法，现在分享如下： ?...以下是下载离线插件包的方法： 第一步： 每个Google Chrome扩展都有一个固定的ID，例如 https://chrome.google.com/webstore/detail/bfbmjmiodbnnpllbbbfblcplfjjepjdn...上面是一个Chrome扩展的完整URL， 在https://chrome.google.com/webstore/detail/之后的一串字符就是扩展的ID了。...response=redirect&x=id%3D~~~~%26uc 将替换后的URL粘贴到IE或火狐中，注意不要粘到Chrome里，那样你还是无法获得CRX扩展文件包。

3.7K50

Chrome扩展开发入门

而提到 Chrome 就绕不开它的扩展，或者叫插件（Chrome Extension）。 可以从 应用商店下载安装。应用商店除了有 Chrome 扩展程序，也有丰富的 Chrome主题背景。...一、Chrome 扩展应用程序构成（manifest v3版本） Chrome 扩展开发所用到的技术栈就是html/js/css。可以说就是纯“前端开发”，其界面是用 html+css 画的。...所以说，Chrome 扩展开发并不是什么新鲜玩意儿，只是一个挂载到 Chrome 浏览器上的一个“扩展”模块，比起微信小程序开发还简单。 这不就是网页应用吗？...交互界面与组成模块 一个扩展的组成模块如下图所示，整个 Chrome 扩展主要包含六个模块：扩展图标、插件弹窗、选项页、单独页、注入页面脚本、后台脚本。...这段代码是位于“后台脚本”的一段代码，大概意思就是当扩展安装加载完成之后将 color 变量存储在本地 storage 中。

4K30

谷歌Chrome安装本地扩展插件提示“CRX_HEADER_INVALID”的解决方法

Chrome 浏览器，特别是最新版或者 Dev 和 Canary 版。在安装本地的扩展插件时会报错：程序包无效：“CRX_HEADER_INVALID”，如下图： ?...解决方法： 谷歌 Chrome 浏览器会对 .crx 的插件进行校验，如果浏览器版本较高，扩展程序还没有做兼容，就会出现报错。...这是我们可以把扩展程序包解压到文件夹，直接加载已解压的扩展程序就可以了。 解压程序包： 首先，我们用 7zip 解压程序包。 ? 如果你没有安装 7zip 可以将程序包的后缀改为 .zip 。 ?...导入 Chrome ： 进入扩展程序页面，首先需要打开右上角的开发者模式，然后点击加载已解压的扩展程序。 ? 选择你刚刚解压出来的文件夹，导入即可。导入成功，如下图： ? 现在你就可以愉快的使用了。...（完） 声明：本文由w3h5原创，转载请注明出处：《谷歌Chrome安装本地扩展插件提示“CRX_HEADER_INVALID”的解决方法》 https://www.w3h5.com/post/277.

98820

Chrome扩展程开发初探

后台脚本： background：定义后台脚本，在 manifest_version 3 中使用 service_worker。后台脚本在浏览器启动时运行，管理扩展的生命周期和处理事件。...可访问资源： web_accessible_resources：定义扩展中可以被网页访问的资源，例如内容脚本或图标。这使得网页能够访问扩展内的特定文件。...Chrome 扩展的安全性设计确实不允许在 HTML 页面中直接使用 JavaScript 代码来加载或执行扩展的功能。Chrome 扩展通过内容安全性策略来限制可以在页面上执行的脚本。...这意味着扩展不能简单地通过内联 标签或通过 document.write() 插入的脚本来执行。这是为了防止恶意代码的执行和保护用户的安全。所以都是写在另外的 js 文件当中。...; }); }); background background.js 文件是 Chrome 扩展的后台脚本，用于处理长期运行的任务、事件和状态管理。它在浏览器的后台运行，并且在浏览器启动时加载。

6310

那些实用的 Chrome 扩展神器

作者：苏生不惑 来源：苏生不惑 之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展，这里继续推荐那些实用Chrome扩展 ，所谓实用就是能解决实际问题。...下载Chrome扩展需要先上谷歌，公众号回复 谷歌 获取使用方法，当然你也可以使用 https://chrome-extension-downloader.com/ 这个网站来下载crx文件，然后手动安装...手动安装扩展 关于手动安装Chrome扩展还有小伙伴不大会用 ?...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ，然后将下载crx文件拖进去，如果提示该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的或者程序包无效...自己摸索几下就会了，上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐的5个Chrome扩展。

1.1K20

从零实现的Chrome扩展

从零实现的Chrome扩展 Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序，例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard...而Chrome浏览器则在2010年支持了扩展系统，同样其也允许开发人员为Chrome编写自定义功能和修改浏览器行为的软件程序。...虽然FireFox是第一个引入浏览器扩展的浏览器，但是Chrome的扩展系统得到了广泛的认可和使用，也已经成为了现代浏览器中最流行的扩展系统之一。...那么本文就以Chrome扩展为例，聊聊如何从零实现一个Chrome扩展，本文涉及的相关的代码都在https://github.com/WindrunnerMax/webpack-simple-environment...存储访问权限 "activeTab", // 当前选项卡访问权限 "scripting" // 脚本访问权限

45820

chrome扩展应用开发快速科普

本文的目标群体：已经了解或使用过chrome扩展应用，但是自己不知道如何开发一个chrome扩展应用的工程师。如果有具体的chrome扩展应用开发经验的同学，本篇文章可能太过简单，并不适合你。...本文的主要内容如下： chrome扩展应用模块功能介绍 chrome扩展应用模块开发介绍 本文的内容不包括chrome扩展应用开发时提供的各个API功能详解，有需求的同学可以自行查看官方API文档。...chrome扩展应用模块功能介绍 chrome扩展应用由很多部分组成，其中主要模块为： Manifest File Background Pages Content Script Options 为了避免由于翻译原因导致的问题...总结 我们通过一个简单的表情插件的例子来快速的介绍了chrome扩展应用的各个模块的功能和开发方法。通过这篇文章大家应该知道了chrome扩展应用各个模块的作用和开发的方法。...如果大家想对chrome扩展应用有一个更加深入的了解，那么建议自己动手开发相关的功能。这样才能够对chrome扩展应用的相关逻辑有一个更加清楚的认识。

94410

那些实用的 Chrome 扩展神器

之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展，这里继续推荐那些实用Chrome扩展 ，所谓实用就是能解决实际问题。...下载Chrome扩展需要先上谷歌，公众号回复 谷歌 获取使用方法，当然你也可以使用 https://chrome-extension-downloader.com/ 这个网站来下载crx文件，然后手动安装...手动安装扩展 关于手动安装Chrome扩展还有小伙伴不大会用 ?...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ，然后将下载crx文件拖进去，如果提示该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的或者程序包无效...自己摸索几下就会了，上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐的5个Chrome扩展。

89020

我的首个Chrome扩展发布了

忙活了有一段时间，零零散散的写了一个Chrome扩展。这里发发一篇文章安利一下。 怎样的一个扩展呢 它是一个Gmail 过滤器辅助工具，使用这个扩展可以轻松的创建邮件过滤器。 有图有真相 ?...如何下载 Chrome Store 大中华局域网用户下载地址 为什么写这个扩展 还是那个原因，自己遇到了不爽与痛点。 我是一个重度的Gmail用户，工作的邮箱使用Gmail托管。...开源么 当然开源，原因如下 个人能力和精力毕竟有限 希望通过社区的力量推动这个扩展持续发展 所以，如果你有想法的话，可以访问这个Github地址 https://github.com/androidyue.../Gmail-Helper-Filter 贡献力量 除了开源贡献代码外，如果你有想法，也可以共享力量，比如 提需求 提bug 分享本文或扩展 捐赠（下面那个红色按钮） 感谢 再次感谢我的御用设计师 大麦

54530
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券