很高兴今天能够再一次给大家推荐优秀的chrome插件,今天出场的主角是Session Buddy,一款能够保存浏览进度/进程的插件。...相信很多朋友都跟reizhi一样遇到过这样的问题:已经打开了一些需要阅读的标签,但此时因为其他原因需要关闭chrome浏览器,但却想保存当前的浏览进度。...Session Buddy扩展下载 chrome应用商店地址 使用方法也很简单,安装之后chrome主界面上会添加一个新的图标,在需要保存浏览进度时点击Session Buddy的图标,在扩展界面点击保存即可...下次需要恢复时,在左侧选择对应的保存记录,点击还原按钮,所有进度就会还原。即便打开了多个chrome窗口,Session Buddy也能准确的全部识别。...需要注意的是,该扩展并不会保存网页状态,如果有未提交的数据是不会保存的;如果网页发生了变化,还原之后以最新状态为准。另外在设置中可以选择还原布局,是恢复到原始状态还是恢复到同一个窗口中。
在这里推荐一种利用chrome保存网络请求的方法。 准备: 1. chrome浏览器(最好版本号是62以上) chrome浏览器越新越好(最新稳定版) 2....点击红色按钮侧边的清空按钮,清除冗余的网络请求 确保 disable cache勾选中状 开始你的请求,点击你要访问的按钮之类(视情况而定) 请求结束后,点击录制结束 保存
得益于Google的品牌力量和技术实力,chrome浏览器近年来的市场占有率不断上升。...reizhi也是chrome的爱好者之一,从最原始的IE,到假死王maxthon,再到轻快的opera,最后让我留恋chrome的理由还是强大的可扩展性。...虽然资源占用永远都是抛不开的弱点,但无与伦比的速度和极致的可扩展性是有目共睹的。 其实把Tampermonkey叫做扩展,倒不如叫做脚本平台。...Tampermonkey下载安装地址 https://chrome.google.com/we……kfjojejmpbldmpobfkfo 在chrome上安装好Tampermonkey扩展后...除了从各大论坛下载JS脚本之外,userscripts也是非常棒的一个脚本扩展集合网站。
学习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插件开发官网示例写的一个小扩展插件,点击这里查看项目。
manifest_version": 2, // 插件的名称 "name": "demo", // 插件的版本 "version": "1.0.0", // 插件描述 "description": "简单的Chrome...扩展demo", // 图标,一般偷懒全部用一个尺寸的也没问题 "icons": { "16": "img/icon.png", "48": "img/icon.png", "128"..."browser_action": { "default_icon": "img/icon.png", // 图标悬停时的标题,可选 "default_title": "这是一个示例Chrome...", // Chrome40以后的插件配置页写法,如果2个都写,新版Chrome只认后面这一个 "options_ui": { "page": "options.html", // 添加一些默认的样式...,推荐使用 "chrome_style": true }, // 向地址栏注册一个关键字以提供搜索建议,只能设置一个关键字 "omnibox": { "keyword" : "go" },
Chrome的扩展程序很多,也很容易入门,可以来简单实现一下 看看 官方文档 或者翻译的文档:百度、360,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含: 一个manifest清单文件 html...一、了解Chrome扩展程序 Chrome扩展程序商店地址为:https://chrome.google.com/webstore/category/extensions?...hl=zh-CN 访问Chrome浏览器中已安装的扩展:chrome://extensions/ ?....pem是密钥文件 二、创建Chrome扩展程序 由上述知晓了扩展程序的大致信息,要创建一个扩展程序,也不外乎是创建一个项目,依据一定的规则编写逻辑后再打包安装 接下来就把之前写的简易计算器弄成一个扩展程序...可以看到计算器已经在扩展程序之中 再看看博客文章下的广告,已经被清除了 ? ? 三、发布Chrome扩展程序 自己的Chrome扩展程序写好之后,可以发布到商城之中 这篇文章 讲得挺好,就不多说了
而提到 Chrome 就绕不开它的扩展,或者叫插件(Chrome Extension)。 可以从 应用商店下载安装。应用商店除了有 Chrome 扩展程序,也有丰富的 Chrome主题背景。...一、Chrome 扩展应用程序构成(manifest v3版本) Chrome 扩展开发所用到的技术栈就是html/js/css。可以说就是纯“前端开发”,其界面是用 html+css 画的。...所以说,Chrome 扩展开发并不是什么新鲜玩意儿,只是一个挂载到 Chrome 浏览器上的一个“扩展”模块,比起微信小程序开发还简单。 这不就是网页应用吗?...交互界面与组成模块 一个扩展的组成模块如下图所示,整个 Chrome 扩展主要包含六个模块:扩展图标、插件弹窗、选项页、单独页、注入页面脚本、后台脚本。...二、API 文档 前面说了,扩展应用其实就是特殊的 h5 前端应用,相比于传统的 h5 的功能, 扩展最大的优势就在于他可以直接调用 chrome 原生Api。
使用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
作者:苏生不惑 来源:苏生不惑 之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。...手动安装扩展 关于手动安装Chrome扩展还有小伙伴不大会用 ?...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ,然后将下载crx文件拖进去,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情的情况下添加的或者程序包无效...自己摸索几下就会了,上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐的5个Chrome扩展。...B8%8B%E8%BD%BD/cdimdlckbkfelaogjhfbkjcfncbpngkn QQ空间导出助手 QQ空间导出助手,用于备份日志、私密日志、说说、相册、留言板、QQ好友、视频为文件,供永久保存
从零实现的Chrome扩展 Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序,例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard...而Chrome浏览器则在2010年支持了扩展系统,同样其也允许开发人员为Chrome编写自定义功能和修改浏览器行为的软件程序。...虽然FireFox是第一个引入浏览器扩展的浏览器,但是Chrome的扩展系统得到了广泛的认可和使用,也已经成为了现代浏览器中最流行的扩展系统之一。...那么本文就以Chrome扩展为例,聊聊如何从零实现一个Chrome扩展,本文涉及的相关的代码都在https://github.com/WindrunnerMax/webpack-simple-environment...此外注册Chrome扩展的开发者价格是5$,注册之后才能在谷歌商店发布扩展。那么首先,我们先在popup中绘制一个界面,用来展示当前的扩展状态,以及提供一些操作按钮。
****前言**** Chrome浏览器扩展开发算是相当简单的,基本只要掌握HTML+CSS+Javascript,即可快速开发一个属于你的Chrome插件!...---- ****Chrome扩展基本目录结构**** manifest.json 这是一个配置文件,里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容; icon.png 这个一看便知..."manifest_version":2, //这个是必须的,并且值为2 "description": "Chrome扩展demo", //扩展的基本描述 "browser_action...ALic_Chrome ? Alic_Chrome 简单的扩展插件就完成了 ~~~ ---- ****background交互**** 简单来说呢,上面完成的其实就是一个扩展程序的微框架。...{}); 开发一个简单Chrome扩展程序基本是没有什么大问题的!
本文的目标群体:已经了解或使用过chrome扩展应用,但是自己不知道如何开发一个chrome扩展应用的工程师。如果有具体的chrome扩展应用开发经验的同学,本篇文章可能太过简单,并不适合你。...本文的主要内容如下: chrome扩展应用模块功能介绍 chrome扩展应用模块开发介绍 本文的内容不包括chrome扩展应用开发时提供的各个API功能详解,有需求的同学可以自行查看官方API文档。...发送保存的表情(Content Script) 当我们需要发送我们已经保存的表情时,我们就需要跟页面进行部分功能交互了。这个时候,我们需要使用到Content Script。...总结 我们通过一个简单的表情插件的例子来快速的介绍了chrome扩展应用的各个模块的功能和开发方法。通过这篇文章大家应该知道了chrome扩展应用各个模块的作用和开发的方法。...如果大家想对chrome扩展应用有一个更加深入的了解,那么建议自己动手开发相关的功能。这样才能够对chrome扩展应用的相关逻辑有一个更加清楚的认识。
喜欢chrome浏览器又经常使用迅雷下载东西的朋友注意了,chrome迅雷下载扩展已经发布了。再也不用复制到IE打开或者使用IE tab了。...目前只支持chrome浏览器内左键点击下载,支持以下文件类型的绝对路径下载地址:“rar、zip、tar、iso、exe、dll、rmvb、rm、avi、mp3、wma、wmv、wmp、mpg、mpeg...太平洋下载、霏凡软件站、中关村在线、天空软件站”(华军的下载页提供的是绝对地址,不需要专门支持) 支持绝对路径的BT种子下载 支持ed2k链接的点击下载,但不支持VeryCD下载页中的“下载选中的文件” 扩展下载
之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。...手动安装扩展 关于手动安装Chrome扩展还有小伙伴不大会用 ?...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ,然后将下载crx文件拖进去,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情的情况下添加的或者程序包无效...自己摸索几下就会了,上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐的5个Chrome扩展。...B8%8B%E8%BD%BD/cdimdlckbkfelaogjhfbkjcfncbpngkn QQ空间导出助手 QQ空间导出助手,用于备份日志、私密日志、说说、相册、留言板、QQ好友、视频为文件,供永久保存
1.下载扩展包,并将.crx后缀修改为.rar。 2.将上面的.rar文件解压 3.在扩展程序页面选择Load unpacked选项,然后选中刚才解压的文件夹,确定。插件安装成功。
扩展对应的crx文件,比如输入https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc...手动安装扩展 打开Chrome扩展程序 chrome://extensions/ ? 开启开发者模式 ?...谷歌商店安装 在国内谷歌商店默认是打不开的,所以这里分享一个谷歌访问助手(公众号内回复 谷歌 获取),安装这个扩展后就能上谷歌商店直接安装Chrome扩展了。...分享的谷歌助手扩展同样使用上面的方法来安装,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情的情况下添加的或者程序包无效。...先把文件后缀名.crx 改成 .rar或者.zip,然后解压到一个文件夹,再打开扩展程序chrome://extensions/ ,点击加载已解压的扩展程序。 ?
忙活了有一段时间,零零散散的写了一个Chrome扩展。这里发发一篇文章安利一下。 怎样的一个扩展呢 它是一个Gmail 过滤器辅助工具,使用这个扩展可以轻松的创建邮件过滤器。 有图有真相 ?...如何下载 Chrome Store 大中华局域网用户下载地址 为什么写这个扩展 还是那个原因,自己遇到了不爽与痛点。 我是一个重度的Gmail用户,工作的邮箱使用Gmail托管。...开源么 当然开源,原因如下 个人能力和精力毕竟有限 希望通过社区的力量推动这个扩展持续发展 所以,如果你有想法的话,可以访问这个Github地址 https://github.com/androidyue.../Gmail-Helper-Filter 贡献力量 除了开源贡献代码外,如果你有想法,也可以共享力量,比如 提需求 提bug 分享本文或扩展 捐赠(下面那个红色按钮) 感谢 再次感谢我的御用设计师 大麦
之前写过 那些实用的 Chrome 扩展神器 那些实用的 Chrome 扩展神器(二),这里继续分享实用的 Chrome 扩展。 本来安装Chrome扩展很简单。 ?...但由于国内没法上谷歌,淘宝就有了对应的下载Chrome扩展服务,帮忙下载个插件收费20,第一次看到的时候我是震惊的。 ?...印象笔记·剪藏 这个扩展可以快速保存、标注和分享网上一切内容,包括网页正文、图片、截屏和整个网页,一键保存网页到印象笔记,即时同步到你的手机和电脑,不用复制粘贴编辑再整理,还能防止文章404后下次看不到了...打开文章 身份证号码的秘密,点击扩展按钮 ? 可以保存网页正文,隐藏广告,屏幕截图等。 ? ? 进入印象笔记看到这篇文章已经保存到自己印象笔记了。 ?...Chrome扩展地址:https://chrome.google.com/webstore/detail/fcofohckagnahikfankmacbepefilmof
之前已经写过 那些实用的 Chrome 扩展神器 ,如果你不能上谷歌没法直接安装Chrome扩展,可以使用https://crxdl.com/ 这个网站下载crx文件,然后手动安装。 ?...Chrome扩展地址 https://chrome.google.com/webstore/detail/new-tong-wen-tang/ldmgbgaoglmaiblpnphffibpbfchjaeg...Chrome扩展地址 https://chrome.google.com/webstore/detail/project-naptha/molncoemjfmpgdkbdlbjmhlcgniigdnf...Chrome扩展地址 https://chrome.google.com/webstore/detail/rooster-for-chrome/pimolnhbniceppehbgmibnbgcnhpkhfh...Chrome扩展地址 https://chrome.google.com/webstore/detail/jfgjlmafdjaofbkjpaoojooghnocjcag
大家时间宝贵,不需要关注什么公众号才能下载扩展之类的,对于此我也是比较痛恨的!...介绍: CrxDL提供Chrome扩展插件Crx离线安装包,提供了常见的油猴插件、Infinity、Proxy SwitchyOmega等众多热门插件。
领取专属 10元无门槛券
手把手带您无忧上云