首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE 中国春运刷票又败了,Chrome扩展插件crx时代来临

Chrome扩展文件扩展名(后缀)为.crx,Google Chrome可以自动关联这种扩展名为.crx文件。...一个Chrome扩展是由HTML、CSS、JavaScript、图片等文件压缩而成。...然后打开chrome://settings/extensions,点击上方“载入正在开发扩展程序”,选中你刚刚解压出来那一整个文件夹(不要选里面的子文件夹)然后点确定,就直接安装成功了!...(注意安装成功以后不要删除电脑上解压好那个文件夹,也不要更改那个文件夹位置,不然就又相当于卸载了……) ?...所以搞技术你我一定可以冲破铁道部封锁拿到票高兴回家。 相关文章: 创建Chrome Web app Chrome Extension 动手实操

1.4K100

扩展程序未列 Chrome 网上应用店,并可能是您不知情情况下添加.已解决

Chrome版本35后,Google禁止了非网上应用商店插件,扩展列表,被禁用扩展右侧启用选项已变成不可勾选状态,并在该扩展下会显示“该扩展程序未列 Chrome 网上应用店,并可能是您不知情情况下添加...(可直接下载:chrome.adm)把policy_templates.zip下载之后,解压并找到windows\adm\zh-CNchrome.adm。...运行输入“gpedit.msc” ,打开 本地策略组 ,导入chrome.adm,再被禁用插件ID复制下来,依次找到:Google Chrome扩展程序→配置扩展程序白名单,将刚才复制ID粘贴进去...操作完后,再回到chrome扩展列表页面,可以看到被禁用扩展,右侧启用选项已变成可勾选状态,勾选启用该扩展即可!!

11.8K10
您找到你想要的搜索结果了吗?
是的
没有找到

干货 | 盘点 Chrome 插件开发那些关键点!

前言 大家好,我是果!...最近在开发者模式下调试 Chrome 插件,发现安装扩展后默认会报错误,提示 v2 版本已经废弃,相关 API 功能将在明年不可使用,建议升级到 v3 版本 本篇文章将基于 v3 版本,盘点 Chrome...Chrome 扩展图标设置、popup 页面等内容 v3 中使用关键字 action 取代 v2 关键字 browser_action //v3 ......所以 v3 版本,使用 service_worker 关键字智能化启动脚本 PS: v3 不能通过关键字 persistent 指定脚本生命周期 //v3 ......最后 最后,还要补充一点是, v3 版本 background 不能直接使用 window 对象,这里建议通过 Tab 标签或消息通信方式来实现 开发一些简单工具类插件,原生 HTML +

68320

Chrome扩展开发入门

如上 manifest.json 文件 action.default_icon 字段配置,支持配置多个规格(数组)。 2)扩展弹窗 扩展弹窗显示时机为当用户点击扩展图标之后弹出。...其中 js 资源可调用浏览器原生 API。 3)选项页 选项页显示时机为当用户扩展图标上右键-选项可打开,点击之后打开新 Tab 页。...可以同时一个页面注入多个脚本,也可以不同页面注入多个不同脚本。...二、API 文档 前面说了,扩展应用其实就是特殊 h5 前端应用,相比于传统 h5 功能, 扩展最大优势就在于他可以直接调用 chrome 原生Api。...官方文档是英文版,国内也有好心人做了中文版翻译版API 非官方中文翻译 了解了大致功能之后,以后开发过程需要用到什么功能动态去查即可。 三、安装使用 扩展来源及安装使用多种方式。

3.8K30

分享最近发现几个实用 chromeedge 扩展和油猴脚本

之前分享过chrome/edge扩展和油猴脚本都更新到我博客上了https://blog-susheng.vercel.app/ ,今天再分享几个实用chrome/edge扩展和油猴脚本。...EditThisCookie 之前分享京东脚本免费使用腾讯云每天定时签到京东领取京豆 ,我认为挺简单,但总有人不知道怎么复制cookie,有了这个扩展就方便了 https://chrome.google.com...hl=zh-CN adb 使用这个chrome扩展可以调试卓手机上网页 https://chrome.google.com/webstore/detail/dpngiggdglpdnjdoaefidgiigpemgage...: 效果: AIX智能下载器 这个chrome扩展资源下载神器AIX智能下载器(图片/视频/音乐/文档) 能高效实现下载管理,网页图片,视频,音频等内容嗅探和下载,同时扩展集成多个网站智能脚本...,以这篇文章为例 一键批量下载微信公众号文章内容/图片/封面/视频/音频,支持导出html和pdf格式,包含阅读数/点赞数/在看数/留言数 HTML5 视频截图器 这个脚本是基于HTML5简单原生视频截图

2.3K20

如何实现一个谷歌浏览器插件

如何实现一个谷歌浏览器插件 一、什么是Chrome插件? ★Chrome插件就是我们运行在Chrome浏览器 上扩展程序,比如说vue-devtool。..."48": "img/icon.png", // 显示扩展程序管理页面上 "128": "img/icon.png" // 安装和Chrome Webstore...content-scriptsJS程序和原始页面共享DOM,但是和原始页面的JS不是同一个环境下运行,所以我们是无法访问到原始页面定义变量因为是是注入到页面,所以安全策略上不能访问大部分...、链接,等等,如果有同一个插件里面定义了多个菜单,Chrome会自动组合放到以插件名字命名二级菜单里。...(); bg.someMethod(); //someMethod()是background一个方法 三、popup与content script通信 本质上与上面的方式相同

1.3K31

chrome浏览器扩展v3版本配置项整理备忘

manifest.json配置文件 { //chrome插件版本 "manifest_version": 3, //插件名称 "name": "ChromeName",...": "__MSG_Plugin_Desc__", //默认语言(如果当前浏览器设置语言不存在多语言配置文件,则默认中文),Chrome插件多语言只能根据当前浏览器设置语言来设定,无法通过代码更改语言...//这些 API 引入时扮演了不同角色,但随着时间推移它们变得多余,因此 Manifest V3 ,我们将它们统一为单个 `"action"` API; //配置上action:{},可以是空对象...('触发成功了'); //返回一个内容到发送消息回调函数 }); //发送消息,触发上面的onMessage chrome.runtime.sendMessage('', {text: '我是个测试内容...方法如下 首先,需要增加配置 externally_connectable:{matches:[“https://*.xxx.com/”]}指定允许哪些网站可以给当前插件发送消息,相当于白名单,只有白名单站点发送消息

36940

【前端工具】Chrome 扩展程序开发与发布 -- 手把手教你开发扩展程序

开发它原因是因为,我们业务开发,开发过程经常需要面对超长 URL,带有 N 多个参数,它可能长这样: http://tv.video.qq.com/xxx/xxx/xxx/index?...我们可以这样理解它,页面加载完毕之后,我们扩展程序会向这个页面注入一个或者额多个脚本,这个脚本可以获得浏览器所访问 web 页面的详细信息。...以我上面的 URLHelper 为例子,在这个扩展,当我点击扩展程序界面刷新页面按钮时候,会从扩展界面的 DOM 上将修改后参数取出拼好,并且通过 Chrome 消息传递机制 传递给 Content...各种类型消息传递都是通过这个 chrome 对象进行,分为: 简单一次性请求 长时间连接 跨扩展程序消息传递 从网页发送消息 原生消息通信 当然,对于通常而言普通扩展程序而言,简单一次性请求就足够我们使用了... chrome 浏览器访问 chrome://extensions(或者单击多功能框最右边按钮:打开 Chrome 浏览器菜单,并选择更多工具 (L) 菜单下扩展程序 (E),进入相同页面)。

1.4K30

chrome插件 DIY

好,假设现在你chrome使用上想要一个扩展功能,但用各种关键字各种可能找到答案地方都搜索了,仍然没有看到想要插件。这个时候,就可以考虑自己开发了。...所以当插件逻辑并不复杂时,通常就将配置文件和插件代码直接放在同一层目录下。插件配置文件,配置了该插件扩展描述信息、扩展功能,以及插件访问权限。...,devtool可以看到插件注入这些内容: ?..."background": { // 浏览器运行环境运行后台脚本,只要开启插件就会生效 "scripts": ["background.js"] } 了解了上面三种扩展配置方法后,...还真有:chrome.storage。官方文档详细介绍了其用法,以及如何在同账号不同浏览器上自动同步数据。 基于chrome.storage,本插件各种扩展数据流操作图如下: ?

2.2K20

【前端工具】Chrome 扩展程序开发与发布 -- 手把手教你开发扩展程序

开发它原因是因为,我们业务开发,开发过程经常需要面对超长 URL,带有 N 多个参数,它可能长这样: http://tv.video.qq.com/xxx/xxx/xxx/index?...我们可以这样理解它,页面加载完毕之后,我们扩展程序会向这个页面注入一个或者额多个脚本,这个脚本可以获得浏览器所访问 web 页面的详细信息。...以我上面的 URLHelper 为例子,在这个扩展,当我点击扩展程序界面刷新页面按钮时候,会从扩展界面的 DOM 上将修改后参数取出拼好,并且通过 Chrome 消息传递机制 传递给 Content...各种类型消息传递都是通过这个 chrome 对象进行,分为: 简单一次性请求 长时间连接 跨扩展程序消息传递 从网页发送消息 原生消息通信 当然,对于通常而言普通扩展程序而言,简单一次性请求就足够我们使用了... chrome 浏览器访问 chrome://extensions(或者单击多功能框最右边按钮:打开 Chrome 浏览器菜单,并选择更多工具 (L) 菜单下扩展程序 (E),进入相同页面)。

1.8K30

chrome插件 DIY

好,假设现在你chrome使用上想要一个扩展功能,但用各种关键字各种可能找到答案地方都搜索了,仍然没有看到想要插件。这个时候,就可以考虑自己开发了。...所以当插件逻辑并不复杂时,通常就将配置文件和插件代码直接放在同一层目录下。插件配置文件,配置了该插件扩展描述信息、扩展功能,以及插件访问权限。...,devtool可以看到插件注入这些内容: ?..."background": { // 浏览器运行环境运行后台脚本,只要开启插件就会生效 "scripts": ["background.js"] } 了解了上面三种扩展配置方法后,...还真有:chrome.storage。官方文档详细介绍了其用法,以及如何在同账号不同浏览器上自动同步数据。 基于chrome.storage,本插件各种扩展数据流操作图如下: ?

3K60

2022年了,跨端方案该怎么选呢?

流水多平台,铁打的 React。绝大多数情况下,使用 React Native 团队可以多个平台间共享一份基础代码,以及通用技术 —— React。...具体来讲,集成了 WeexSDK 之后,你可以使用 JavaScript 和现代流行前端框架来开发移动应用。特点:1. 支持 Native 扩展2. 页面的开发目前支持Rax和Vue3....可以chrome调试JS代码,weex支持chrome预览页面dom节点5....2、方便多个小程序页面之间数据共享和交互。...小程序生命周期中具有相同上下文可以为具备原生应用程序开发背景开发人员提供熟悉编码体验;3、Service 和 View 分离和并行实现可以防止 JS 执行影响或减慢页面渲染,这有助于提高渲染性能

1.3K00

进阶|Chrome还不够神,但你写扩展程序可以很神

你可以 chrome 应用商店下载到它: 开发它原因是因为,我们业务开发,开发过程经常需要面对超长 URL,带有 N 多个参数,它可能长这样: 不是开玩笑,真实情况可能比这个还长。...微格式数据 我们可以这样理解它,页面加载完毕之后,我们扩展程序会向这个页面注入一个或者额多个脚本,这个脚本可以获得浏览器所访问 web 页面的详细信息。...以我上面的 URLHelper 为例子,在这个扩展,当我点击扩展程序界面刷新页面按钮时候,会从扩展界面的 DOM 上将修改后参数取出拼好,并且通过 Chrome 消息传递机制 传递给 Content...扩展程序消息传递 消息传递存在必要性是因为内容脚本在网页而不是扩展程序环境运行,所以它们通常需要某种方式与扩展程序其余部分通信。...从网页发送消息 5.原生消息通信 当然,对于通常而言普通扩展程序而言,简单一次性请求就足够我们使用了,举两个例子。

92120

那些实用 Chrome 扩展神器(二)

之前已经写过 那些实用 Chrome 扩展神器 ,如果你不能上谷歌没法直接安装Chrome扩展,可以使用https://crxdl.com/ 这个网站下载crx文件,然后手动安装。 ?...下面继续推荐几个实用Chrome扩展神器。 划词翻译 支持谷歌、百度、有道三大翻译和朗读引擎,可以方便查看、复制和朗读不同引擎翻译结果,选中文字直接翻译。 ? 也可以翻译英文 ?...可以一键切换为手机、平板电脑、PC浏览器UserAgent,方便开发者PC上测试网站,解决网站兼容性问题。 ?...有些网站限制了手机浏览模式,可以选择切换到 卓,iOS,国产浏览器等浏览模式,这里切换到iPhone模式,效果: ?...OBS这类直播软件,就可以把浏览器任何页面直播到B站、斗鱼或者虎牙直播间里去,假如你有自己直播间并且也安装了Node.js的话,那么可以安装这个Chrome扩展玩下,适合做无人值守音乐轮播或者电影轮播什么

1.3K10

为什么你应用需要对各种尺寸屏幕做适配优化?

由于 Chrome OS 系统将物理键盘作为类似于卓手机上外设键盘,狂野飙车 8:《极速凌云》,基于卓平台开发套件 SDK26可以通过开发者接口支持键盘控制。...完成了适配后,Gameloft 公司可以使卓应用包运行时性能水平比原生应用更高,且 Chrome OS 上保有美到窒息图形和令人惊叹极致速度。...当用户 Chromebook 上编写消息时,他们可以简单敲击『Enter』键(就像在手机上做那样),而不需要再用鼠标多点一步『Send』键。...开发团队也使用了 Chrome OS 拖拽功能,以便于用户可以轻松地将内容 1Password 与 Chrome OS 上其他卓应用之间进行拖动。 ?...提供你应用用户所需体验 消费者越来越需要多功能世界里,对开发人员来说,重要是将他们策略扩展到移动设备之外,并在各种设备上为用户提供服务。

91920

Chrome扩展开发入门体验

---- ****Chrome扩展基本目录结构**** manifest.json 这是一个配置文件,里面记录了扩展使用范围、作者、版本、其余需要加载文件等内容; icon.png 这个一看便知...,就是扩展图标~~~ popup.html 点击扩展图标,弹出面板页面(如果在manifest.json配置了default_popup为该文件的话) popup.js popup...面板加载js脚本文件 popup.css popup面板加载css样式文件 具体分析manifest.json插件配置文件 { "name": "Alic", //插件名称...,比较常用是指定子属性 scripts,表示扩展启动时自动创建一个包含所有指定脚本页面。...background顾名思义呢就是扩展程序后台脚本,该脚本程序运行之后一直处于后台运行状态。记录常用API。

1K40

PWA 那些事儿

如果用卓手机,可以下载 chrome 浏览器自己操作看看 3.2 service worker 实现离线缓存3.2.1 什么是 service worker Service Worker 是 Chrome...第 2 步: 注册过程,浏览器会下载、解析并执行 Service Worker ()。...扩展知识:service worker 更新 总结 PWA 优势 可以将 app 快捷方式放置到桌面上,全屏运行,与原生 app 无异 能够各种网络环境下使用,包括网络差和断网条件下,不会显示...undefind 推送消息能力 其本质是一个网页,没有原生 app 各种启动条件,快速响应用户指令 PWA 存在问题 支持率不高: 现在 ios 手机端不支持 pwa,IE 也暂时不支持 Chrome...中国桌面版占有率还是不错卓移动端上占有率却很低 各大厂商还未明确支持 pwa 依赖 GCM 服务国内无法使用 微信小程序竞争 尽管有上述一些缺点,PWA 技术仍然有很多可以使用点。

1.7K00

tinycolinux上安装chrome

,如果不存在还需要在这种OS玩大型3D游戏这种需求(况且现在已有webgl,websocket,html5这样方案),它其实是一种足够好用且可扩展到任何原原生UI和原生appstack占据那些业务领域东西...好了,现在让我们tinycolinux上安装GUI环境,以此原生UI为基础,实际上我们最终目的不是这个,我们是要安装chrome,把它打造成类chrome os东西,最终将tinycolinux发展成面向...(xserver文件那行xorg和configless效果),,加了新东西后测试或重来可删home/tc所有文件,重新/home/tc下startx会生成新一系列配置文件夹。...安装chrome ----- 我下载是3.x32.6 M大小,版本为14.0.835.186chromium-browser.tcz,完成安装了x界面后,剩下基本就是安装chrome和依赖tczs...这应该是chrome标题栏和地址栏,工具栏这些地方使用字体是系统没有的。非系统编码缺少网页字体显乱码方块(系统此时是en,chrome也用en,en-us?

2.6K30

制作一个简单chrome扩展

最好解决方式,就是用js编写程序,直接放到对方浏览器里运行,毕竟也没有那个浏览器不支持js,如果对方安装了chrome内核浏览器,你可以直接把程序改成chrome扩展,打包发给对方,问题也就很轻松完美解决了...想做到这些,你得先知道chrome扩展开发流程是什么! ? chrome商店 我们要做这样一个小玩意儿: ? 动图_效果演示 什么是扩展: 可以简单把扩展理解为浏览器插件....扩展结构 从结构来看,扩展像是一个配置文件(manifest.json),加一个完整网页(包括html, css , js, images) ?...完整资源文件也放在了文末网盘链接里,需要可以自取... 装载主程序: 1. 打开chrome浏览器,地址栏键入chrome://extentions,回车 ?...,如果不相同,则替换为 新食物名称 if (new_food !

1.1K130
领券