从Chrome扩展访问动态 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

从零实现的Chrome扩展

从零实现的Chrome扩展 Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序，例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard...那么本文就以Chrome扩展为例，聊聊如何从零实现一个Chrome扩展，本文涉及的相关的代码都在https://github.com/WindrunnerMax/webpack-simple-environment...当前选项卡访问权限 "scripting" // 脚本访问权限 ] } Bundle 既然在上边我们确定了Chrome扩展实际上还是Web...扩展无法从v2平滑过渡到v3，所以这个能力后续还有可能会被改善。...API 可以访问页面DOM 不可跨域访问不可直接访问页面Window inject 不能访问Chrome API 可以访问页面DOM 不可跨域访问可直接访问页面Window devtools 有限制

8892 0

chrome扩展推荐-Tampermonkey

得益于Google的品牌力量和技术实力，chrome浏览器近年来的市场占有率不断上升。...reizhi也是chrome的爱好者之一，从最原始的IE，到假死王maxthon，再到轻快的opera，最后让我留恋chrome的理由还是强大的可扩展性。...虽然资源占用永远都是抛不开的弱点，但无与伦比的速度和极致的可扩展性是有目共睹的。其实把Tampermonkey叫做扩展，倒不如叫做脚本平台。...Tampermonkey下载安装地址 https://chrome.google.com/we……kfjojejmpbldmpobfkfo 在chrome上安装好Tampermonkey扩展后...除了从各大论坛下载JS脚本之外，userscripts也是非常棒的一个脚本扩展集合网站。

1.1K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

认识Chrome扩展插件

学习Chrome扩展插件势在必行‍♂️‍ Chrome extensions 文档插件的架构可以参考这里 Chrome扩展程序应用商店入口管理使用chrome扩展。...访问 url: chrome://extensions，打开开发者模式扩展程序是基于 Web 技术（如 HTML、CSS 和 JavaScript）构建的软件程序，使用户能够自定义 Chrome...（前端开发人员技能范围之内）本文从应用着手，通过讲解扩展插件的特性来启发读者对其进一步探索。...扩展允许您通过使用 API 修改浏览器行为和访问 Web 内容来“扩展”浏览器。...扩展 API允许扩展代码访问浏览器本身的功能：激活选项卡、修改网络请求等。

1.5K1 0

Chrome扩展开发

扩展demo", // 图标，一般偷懒全部用一个尺寸的也没问题 "icons": { "16": "img/icon.png", "48": "img/icon.png", "128"...web请求 "webRequestBlocking", "storage", // 插件本地存储 "http://*/*", // 可以通过executeScript或者insertCSS访问的网站..."https://*/*" // 可以通过executeScript或者insertCSS访问的网站 ], // 普通页面能够直接访问的插件资源列表，如果不设置是无法直接访问的 "web_accessible_resources...", // Chrome40以后的插件配置页写法，如果2个都写，新版Chrome只认后面这一个 "options_ui": { "page": "options.html", // 添加一些默认的样式...如需访问原页面脚本上下文，可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中样例： js/content-script.js

1.1K2 0

编写Chrome扩展程序

Chrome的扩展程序很多，也很容易入门，可以来简单实现一下看看官方文档或者翻译的文档：百度、360，慢慢就能实现出一个扩展程序来每个扩展程序应用一般会包含：一个manifest清单文件 html...一、了解Chrome扩展程序 Chrome扩展程序商店地址为：https://chrome.google.com/webstore/category/extensions?...hl=zh-CN 访问Chrome浏览器中已安装的扩展：chrome://extensions/ ?...，即可安装在windows系统下，可以在以下文件路径访问相应的扩展程序 ?...可以看到计算器已经在扩展程序之中再看看博客文章下的广告，已经被清除了 ? ? 三、发布Chrome扩展程序自己的Chrome扩展程序写好之后，可以发布到商城之中这篇文章讲得挺好，就不多说了

1.1K1 0

Chrome扩展开发入门

而提到 Chrome 就绕不开它的扩展，或者叫插件（Chrome Extension）。可以从应用商店下载安装。应用商店除了有 Chrome 扩展程序，也有丰富的 Chrome主题背景。...本篇文章主要是从开发者角度来对其进行介绍，帮助开发者对 Chrome 扩展的结构和开发方式有个大致了解，快速入门。...所以说，Chrome 扩展开发并不是什么新鲜玩意儿，只是一个挂载到 Chrome 浏览器上的一个“扩展”模块，比起微信小程序开发还简单。这不就是网页应用吗？...官方文档是英文版的，国内也有好心人做了中文版的翻译版API 非官方中文翻译在了解了大致功能之后，以后在开发过程中需要用到什么功能动态去查即可。三、安装使用扩展的来源及安装使用的多种方式。...此为主流方式，就是直接从应用商店进行安装，这种方式最为安全，因为能上应用商店的插件都经过官方审核了的。 2）也可以从其它渠道获取，然后打开开发者模式，直接加载解压代码包。

4.4K3 0

Chrome扩展程开发初探

偶然间被ChatGPT提醒，觉得Chrome拓展开发是一个非常不错的方向。 Chrome拓展是扩展浏览器功能的小程序，用户可以通过Chrome Web Store下载和安装。...manifest.json 文件是 Chrome 扩展的配置文件，定义了扩展的基本信息、权限和功能。...权限： permissions：列出扩展需要的权限，例如访问标签页、存储等。这决定了扩展可以访问的浏览器功能和用户数据。...可访问资源： web_accessible_resources：定义扩展中可以被网页访问的资源，例如内容脚本或图标。这使得网页能够访问扩展内的特定文件。...Chrome 扩展的安全性设计确实不允许在 HTML 页面中直接使用 JavaScript 代码来加载或执行扩展的功能。Chrome 扩展通过内容安全性策略来限制可以在页面上执行的脚本。

4981 0

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

从油猴脚本管理器的角度审视Chrome扩展在之前一段时间，我需要借助Chrome扩展来完成一个需求，当时还在使用油猴脚本与浏览器扩展之间调研了一波，而此时恰好我又有一些做的还可以的油猴脚本 TKScript...当前选项卡访问权限 "scripting" // 脚本访问权限 ] } Bundle 既然在上边我们确定了Chrome扩展实际上还是Web...扩展无法从v2平滑过渡到v3，所以这个能力后续还有可能会被改善。...API 可以访问页面DOM 不可跨域访问不可直接访问页面Window inject 不能访问Chrome API 可以访问页面DOM 不可跨域访问可直接访问页面Window devtools 有限制...那么解决这个问题的方式也比较简单，很明显在这里发起的通信并不是直接从页面的window发起的，而是从浏览器扩展发出去的，所以在这里我们就需要讨论如何做到在用户页面与浏览器扩展之间进行通信的问题。

5911 0

使用typescript开发chrome扩展

使用typescript开发chrome扩展记录一下使用typescript开发chrome扩展的相关配置。 1....安装依赖必定需要用到的开发依赖项： chrome-types copy-webpack-plugin ts-loader typescript webpack-cli npm install chrome-types...基本目录结构截图图片 chrome使用typescript目录结构 MySQL多层级树形结构表的搜索查询优化使用WordPress作为小程序后端——APPID有效性前置检查使用WordPress...作为小程序后端——小程序请求前置检查 Windows rclone挂载sftp 迁移——从Electron迁移到Eclipse Theia 使用typescript开发chrome扩展 use multiple

1K2 0

chrome访问本地静态资源

中添加web_accessible_resources声明静态资源地址： "web_accessible_resources": ["iframes/test.html"] 然后进行引入： URL = chrome-extension...://插件ID/iframes/test.html 注意：因为插件的id是动态的所以需要动态的获取 css中：__MSG_@@extension_id__ src: url(chrome-extension...://__MSG_@@extension_id__/css/fonts/element-icons.woff) format("woff") js中：chrome.runtime.getURL("iframes.../notSupport.html") src="${chrome.runtime.getURL("iframes/notSupport.html")}"

2.1K1 0

那些实用的 Chrome 扩展神器

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

1.3K2 0

Chrome扩展开发入门体验

****前言**** Chrome浏览器扩展开发算是相当简单的，基本只要掌握HTML+CSS+Javascript，即可快速开发一个属于你的Chrome插件！...---- ****Chrome扩展基本目录结构**** manifest.json 这是一个配置文件，里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容; icon.png 这个一看便知...Chrome 申请的权限，比如通过 XMLHttpRequest 跨域请求数据、访问浏览器选项卡（tabs）、获取当前活动选项卡（activeTab）、浏览器通知（notifications）、存储（...ALic_Chrome ? Alic_Chrome 简单的扩展插件就完成了～～～ ---- ****background交互**** 简单来说呢，上面完成的其实就是一个扩展程序的微框架。...{}); 开发一个简单Chrome扩展程序基本是没有什么大问题的！

1.2K4 0

Chrome迅雷下载支持扩展1.1

喜欢chrome浏览器又经常使用迅雷下载东西的朋友注意了，chrome迅雷下载扩展已经发布了。再也不用复制到IE打开或者使用IE tab了。...目前只支持chrome浏览器内左键点击下载，支持以下文件类型的绝对路径下载地址：“rar、zip、tar、iso、exe、dll、rmvb、rm、avi、mp3、wma、wmv、wmp、mpg、mpeg...太平洋下载、霏凡软件站、中关村在线、天空软件站”（华军的下载页提供的是绝对地址，不需要专门支持）支持绝对路径的BT种子下载支持ed2k链接的点击下载，但不支持VeryCD下载页中的“下载选中的文件” 扩展下载

1.1K3 0

chrome扩展应用开发快速科普

由于chrome官方文档中对于如何从零开发一个chrome扩展应用没有一套完整的流程，同时官方的API文档对于初学者也不是那么友好，因此本文将通过一个初学者的视角来讲解如何从零开始快速了解和开发一个chrome...从官方的介绍我们可以了解，Options部分就是我们对于扩展的管理功能。我们能够通过一个模块来对chrome扩展应用的设置和数据进行处理。...background Background Pages文件 permissions 扩展应用所需权限权限列表见此处。申请权限后，可以使用chrome对象来进行访问该权限提供的API接口。...Options文件 web_accessible_resources 扩展需要访问的本地资源只用列举的资源才能够在扩展中通过相对路径方式访问。...我们仍然能够通过chrome对象来访问chrome提供的已经申请过权限的API接口。首先，我们将我们存储在Storage中的图片表情数据渲染出来，然后提供相关的操作函数。

1.1K1 0

那些实用的 Chrome 扩展神器

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

1.1K2 0

《谷歌访问助手》访问Chrome商店 Gmail 谷歌搜索

每当我向小伙伴分享超棒的Chrome插件(扩展程序)的时候, 总会有小伙伴问,从哪里下载Chrome浏览器以及Chrome扩展程序, 这篇文章就为这个问题做一个通用的回答你可以从谷歌中国下载Chrome...浏览器, 下载地址: https://www.google.cn/chrome/ 你可通过谷歌访问助手下载Chrome插件, 方法如下 ---- 从官方网站下载: http://www.ggfwzs.com.../ 添加到chrome 更改主页重启浏览器,即可使用Chrome商店, 谷歌搜索谷歌访问助手下载地址...hl=zh-CN 小结: 谷歌访问助手可以让我们访问Chrome商店, 以及谷歌搜索, 谷歌Gmail等服务仅为中国香港地区用户提，供方便科研,外贸提供帮助,不良用户,将封锁访问IP,后果自负..., 谷歌访问助手需要你设置主页为https://2018.hao245.com/才能使用, 有百度全家桶, 360全家桶的流氓内涵~ 谷粒-Chrome插件英雄榜本文属于谷粒

7.5K4 0

我的首个Chrome扩展发布了

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

7383 0

chrome无法离线按照扩展程序原

1.下载扩展包，并将.crx后缀修改为.rar。 2.将上面的.rar文件解压 3.在扩展程序页面选择Load unpacked选项，然后选中刚才解压的文件夹，确定。插件安装成功。

6940 0

上不了谷歌如何安装 Chrome 扩展？

扩展对应的crx文件，比如输入https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc...手动安装扩展打开Chrome扩展程序 chrome://extensions/ ? 开启开发者模式 ?...谷歌商店安装在国内谷歌商店默认是打不开的，所以这里分享一个谷歌访问助手（公众号内回复谷歌获取），安装这个扩展后就能上谷歌商店直接安装Chrome扩展了。...分享的谷歌助手扩展同样使用上面的方法来安装，如果提示该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的或者程序包无效。...先把文件后缀名.crx 改成 .rar或者.zip，然后解压到一个文件夹，再打开扩展程序chrome://extensions/ ，点击加载已解压的扩展程序。 ?

1.8K2 0

那些实用的 Chrome 扩展神器（三）

之前写过那些实用的 Chrome 扩展神器那些实用的 Chrome 扩展神器（二），这里继续分享实用的 Chrome 扩展。本来安装Chrome扩展很简单。 ?...但由于国内没法上谷歌，淘宝就有了对应的下载Chrome扩展服务，帮忙下载个插件收费20，第一次看到的时候我是震惊的。 ?...特色亮点：从任何网页方便地选择内容。突出显示变更。变更历史。...Chrome扩展地址 https://chrome.google.com/webstore/detail/distill-web-monitor/inlikjemeeknofckkjolnjbpehgadgge...Chrome扩展地址：https://chrome.google.com/webstore/detail/fcofohckagnahikfankmacbepefilmof

1.4K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭