使用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
Google 浏览器 Chrome 是我现在主要使用的浏览器,Chrome 更新到 2.0 之后,除了支持 Greasemonkey 之外,也开始支持扩展。...启用 Google 浏览器 Extensions 现在目前 Chrome 官方已经提供了两款 Google Chrome 的扩展: Chrome Extensions: Gmail Checker...在 Google Reader 中订阅 这个扩展能够让你非常容易和快速使用 Google Reader 订阅当前网页的 Feed。...安装 + 下载源代码 当然对于那些想自己动手写 Chrome 扩展的同学,这里有一个教程教你如何创建一个非常简单的 Chrome 扩展。...目前删除 Chrome 的扩展比较麻烦,需要手工到你的用户数据目录(user data directory )下找到相应的扩展,然后删除它,不过 Chrome 承诺以后会更加容易删除扩展。 ----
在Chrome Web Store上安装这个扩展:Angular state inspector ?...打开一个Angular应用,在Chrome开发者工具的Elements标签页里,多出来一个State标签,可以查看当前Angular应用的绑定信息: ?...在内部属性__ngContext__里,可以看到Angular的版本号: ? 在Chrome开发者工具的console里,打印$state也可以显示这些绑定模型的值: ?...可以直接在state标签页里修改模型的值,不能立即生效: ? 需要手动在console里执行$apply()才能生效: ?
作者:苏生不惑 来源:苏生不惑 之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。...下载Chrome扩展需要先上谷歌,公众号回复 谷歌 获取使用方法,当然你也可以使用 https://chrome-extension-downloader.com/ 这个网站来下载crx文件,然后手动安装...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ,然后将下载crx文件拖进去,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情的情况下添加的或者程序包无效...登录QQ空间后点击扩展按钮可以看到可以导出说说,日志,相册,视频,留言板,好友等等,还能导出他人QQ空间内容(不包括私密日志和QQ好友),简直神器。 ?...下载后的目录结构如下,.md文件使用markdown软件Typora 打开,看看之前的文章用 Markdown 写简历和 PPT ? ? 留言备份文件内容 ?
从零实现的Chrome扩展 Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序,例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard...虽然FireFox是第一个引入浏览器扩展的浏览器,但是Chrome的扩展系统得到了广泛的认可和使用,也已经成为了现代浏览器中最流行的扩展系统之一。...但是自2022.01.17起,Chrome网上应用店已停止接受新的Manifest V2扩展,所以对于要新开发的拓展来说,我们还是需要使用v3版本的受限能力,而且因为谷歌之前宣布v2版本将在2023初完全废弃...但是无论如何,谷歌都准备逐步废弃v2而使用v3,那么我们在这里也是基于v3来实现Chrome扩展。...我们使用devServer是更希望能够借助于HMR的能力,但是这个能力在Chrome扩展v3上的限制下目前表现的并不好,所以在这里这个能力先暂时放下,毕竟实际上v3当前还是在收集社区意见来更新的。
之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展,这里继续推荐那些实用Chrome扩展 ,所谓实用就是能解决实际问题。...下载Chrome扩展需要先上谷歌,公众号回复 谷歌 获取使用方法,当然你也可以使用 https://chrome-extension-downloader.com/ 这个网站来下载crx文件,然后手动安装...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ,然后将下载crx文件拖进去,如果提示该扩展程序未列在 Chrome 网上应用店中,并可能是在您不知情的情况下添加的或者程序包无效...登录QQ空间后点击扩展按钮可以看到可以导出说说,日志,相册,视频,留言板,好友等等,还能导出他人QQ空间内容(不包括私密日志和QQ好友),简直神器。 ?...下载后的目录结构如下,.md文件使用markdown软件Typora 打开,看看之前的文章用 Markdown 写简历和 PPT ? ? 留言备份文件内容 ?
介绍 谷歌浏览器是开发人员和普通用户最喜欢的浏览器之一。我在所有设备上都使用了Google Chrome浏览器,它可以帮助我同步书签,浏览器历史记录,密码管理器等等。...您可以测试您的网页和全部。通过使用扩展程序,谷歌浏览器变得更加强大。 因此,今天,我们将研究如何使用HTML,CSS和JavaScript创建您的第一个Google Chrome扩展程序。...设置 要求 Chrome扩展入门的要求很少。...列表在这里: Google Chrome扩展程序(用于测试) 文本编辑器(我更喜欢VS Code,您可以根据需要使用其他编辑器) 有关HTML,CSS和JavaScript的基础知识 Chrome扩展程序...此文件将帮助您的应用管理权限,存储,清单版本,登录页面&
忙活了有一段时间,零零散散的写了一个Chrome扩展。这里发发一篇文章安利一下。 怎样的一个扩展呢 它是一个Gmail 过滤器辅助工具,使用这个扩展可以轻松的创建邮件过滤器。 有图有真相 ?...如何下载 Chrome Store 大中华局域网用户下载地址 为什么写这个扩展 还是那个原因,自己遇到了不爽与痛点。 我是一个重度的Gmail用户,工作的邮箱使用Gmail托管。...好在,我是一个程序员(虽然不是一个前端攻城狮),但是还是花了周末的一个下午写出了这个应用的雏形。再加上后续的修修改改就成了这个样子。...开源么 当然开源,原因如下 个人能力和精力毕竟有限 希望通过社区的力量推动这个扩展持续发展 所以,如果你有想法的话,可以访问这个Github地址 https://github.com/androidyue.../Gmail-Helper-Filter 贡献力量 除了开源贡献代码外,如果你有想法,也可以共享力量,比如 提需求 提bug 分享本文或扩展 捐赠(下面那个红色按钮) 感谢 再次感谢我的御用设计师 大麦
实现用户登录一旦我们实现了用户认证回调函数,我们就可以开始实现用户登录了。在我们的应用程序中,我们将使用Flask的视图函数来处理用户登录请求。...') # 渲染登录表单页面 return render_template('login.html')在这个例子中,我们定义了一个名为login()的视图函数。...当用户提交登录表单时,该函数将获取表单提交的用户名和密码,并使用SQLAlchemy ORM库查询数据库,获取User对象。...如果用户名和密码验证成功,我们将调用Flask-Login的login_user()函数来将用户ID存储在用户会话中,表示用户已登录。...如果验证失败,则使用Flask的flash()函数向用户显示错误消息,并重新渲染登录表单页面。
之前已经写过 那些实用的 Chrome 扩展神器 ,如果你不能上谷歌没法直接安装Chrome扩展,可以使用https://crxdl.com/ 这个网站下载crx文件,然后手动安装。 ?...下面继续推荐几个实用的Chrome扩展神器。 划词翻译 支持谷歌、百度、有道三大翻译和朗读引擎,可以方便的查看、复制和朗读不同引擎的翻译结果,选中文字直接翻译。 ? 也可以翻译英文 ?...Chrome扩展地址 https://chrome.google.com/webstore/detail/rooster-for-chrome/pimolnhbniceppehbgmibnbgcnhpkhfh...这个需要你的微信有权限登录 https://wx.qq.com/ ,之前的微信好友头像拼图 也需要这个。这里选择一个自己建的临时群 ? 效果图: ?...OBS这类直播软件,就可以把浏览器任何页面直播到B站、斗鱼或者虎牙的直播间里去,假如你有自己的直播间并且也安装了Node.js的话,那么可以安装这个Chrome扩展玩下,适合做无人值守音乐轮播或者电影轮播什么的
之前写过 那些实用的 Chrome 扩展神器 那些实用的 Chrome 扩展神器(二),这里继续分享实用的 Chrome 扩展。 本来安装Chrome扩展很简单。 ?...但由于国内没法上谷歌,淘宝就有了对应的下载Chrome扩展服务,帮忙下载个插件收费20,第一次看到的时候我是震惊的。 ?...chrome://extensions/ 将下载的crx文件拖进去就好了。...比如将这篇文章 身份证号码的秘密同步到知乎,安装这个扩展后左侧有同步该文章按钮。 ? 点击同步按钮会弹出要同步的平台(需要先在浏览器里登录,我这里只登录了知乎和简书)。 ? 选择知乎同步 ?...CPU/内存使用率监控器 在浏览器扩展图标上显示系统 CPU 或内存的使用率。
这次分享几个自己工作这几年下来,平常用的比较多的几个谷歌浏览器的扩展程序。 AdBlock 最受欢迎的 Chrome 扩展,拥有超过 6000 万用户!拦截网页上的广告。...MultiLogin 这是一款能打开多个独立隐身窗口的工具 ,在现在的互联网环境中,大多系统都是已经实现了单点登录了,即一处登录,处处登录,一处注销,处处注销。...当在同一套系统中想要登录多个用户时,通常的情况是打开一个谷歌浏览器的隐身窗口,但是Chrome只支持打开一个独立环境的隐身窗口,如果同时打开多个隐身窗口,cookie等信息是共享的,也可以用360浏览器...Extension Manager 一款Chrome插件/APP管理工具 ,装了太多的插件可以使用这个工具来进行管理。...最后的最后,这些扩展程序都是自己经常用到的,如果大家也有好用的Chrome插件也可以推荐给我。
谷歌浏览器一直是我推荐的浏览器,之前也写过几篇文章: 如何让你的搜索更高效 实用油猴脚本推荐,让你的谷歌浏览器更强大 谷歌浏览器安装的 Chrome 扩展越来越多,怎么管理?...Chrome 浏览器扩展神器油猴 请停用以开发者模式运行的扩展程序?搞定谷歌浏览器插件弹窗 上不了谷歌如何安装 Chrome 扩展?...这里再推荐几个有趣/实用的 Chrome 扩展神器,都是我经常使用的。...二管家 这是一个管理扩展的扩展 ,可以获取扩展更新通知并记录拓展历史,自动开启/关闭拓展,根据当前网站获取二管家社区推荐,Chrome 扩展地址 https://chrome.google.com/webstore...,如果你安装了很多扩展浏览器可能会有点卡顿,推荐使用这个扩展管理起来。 二管家能干什么? ? 选项里可以设置主题和开启关闭某些设置。 ? 历史页面可以看到每个扩展的安装、卸载、开启、关闭等记录。 ?
之前分享过那些我常用的 Chrome 扩展 ,一篇文章内容有限,于是有了后续篇。...微贝 这是一个微博备份的扩展,由于没有上架,只能下载到本地安装,下载地址 https://share.weiyun.com/56v1cyU,具体使用见微博https://weibo.com/1088413295...比如这篇文章 那些你可能不知道的 bilibili 奇技淫巧,先登录知乎和简书,然后直接同步到简书和知乎了。 ?...比如这个视频 https://www.bilibili.com/video/av10914119 ,安装扩展登录b站后右侧有个助手按钮,可以直接下载当前播放的视频和弹幕。 ?...使用方法:x 跳跃,z 射弹,回车键开始或暂停,左右键左右移动。
# 前提 继承 django 自带的用户类(AbstractUser) # 环境 1. python: 3.6.x 2. django==1.11.22 # apps/users/models.py...# 让用户可以用邮箱登录 # setting 里要有对应的配置 AUTHENTICATION_BACKENDS class CustomBackend(ModelBackend): def...return user except Exception as e: return None 注意:当报错误 {"non_field_errors":["无法使用提供的认证信息登录...users.UserProfile' AUTHENTICATION_BACKENDS = ( 'apps.users.views.CustomBackend', # AUTH 方法(支持邮箱登录...),CustomBackend 的路径 )
前言 使用浏览器扩展程序可以使你的工作效率提高数倍不止,那么下面我就向大家分享一下我日常使用的扩展,可能大多数扩展大家都已经在使用了,不过也难免有一两个是你不知道的。...2、 AdBlock 最受欢迎的 Chrome 扩展,拥有超过 6000 万用户!拦截网页上的广告。 ?...9、翻译侠 这是我用了众多翻译扩展后最喜欢的一个,貌似之前的作者已经不再维护了,现在由网友接手,挺好的,从此不再需要打开谷歌翻译网站。 ?...11、阅读模式 提供与Safari阅读模式功能一致的插件,浏览文章页时候可进入友好的阅读模式,并自定义阅读功能。 唯一美中不足之处就是在阅读模式下无法选中文字(更不能使用划词翻译)。 ?...16、Tampermonkey 油猴怕是没有人不知道,它基本上是所有扩展中的佼佼者了。
Stylus 写在最后 ---- 使用浏览器扩展程序可以使你的工作效率提高数倍不止,那么下面我就向大家分享一下我日常使用的扩展,可能大多数扩展大家都已经在使用了,不过也难免有一两个是你不知道的。...AdBlock 最受欢迎的 Chrome 扩展,拥有超过 6000 万用户!拦截网页上的广告。 ? 链接:AdBlock 3....阅读模式 提供与Safari阅读模式功能一致的插件,浏览文章页时候可进入友好的阅读模式,并自定义阅读功能。 唯一美中不足之处就是在阅读模式下无法选中文字(更不能使用划词翻译)。 ?...Tampermonkey 油猴怕是没有人不知道,它基本上是所有扩展中的佼佼者了。...链接:Stylus 写在最后 如何你觉得安装太多扩展后严重挤占地址栏的话,可以使用隐藏扩展+快键键的方式。 最后,如果你也有一些好用的扩展,不妨向我推荐下
前言 使用浏览器扩展程序可以使你的工作效率提高数倍不止,那么下面我就向大家分享一下我日常使用的扩展,可能大多数扩展大家都已经在使用了,不过也难免有一两个是你不知道的。...2、 AdBlock 最受欢迎的 Chrome 扩展,拥有超过 6000 万用户!拦截网页上的广告。...9、翻译侠 这是我用了众多翻译扩展后最喜欢的一个,貌似之前的作者已经不再维护了,现在由网友接手,挺好的,从此不再需要打开谷歌翻译网站。...11、阅读模式 提供与Safari阅读模式功能一致的插件,浏览文章页时候可进入友好的阅读模式,并自定义阅读功能。 唯一美中不足之处就是在阅读模式下无法选中文字(更不能使用划词翻译)。...写在最后 如何你觉得安装太多扩展后严重挤占地址栏的话,可以使用隐藏扩展+快键键的方式。 最后,如果你也有一些好用的扩展,不妨向我推荐下。
话说没有扩展的浏览器是没有灵魂的,之前分享过几篇关于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
Chrome Infinity New Tab是一款极好的管理New Tab的扩展应用: ? 界面如下: ? 所有的个性化设置可以备份到Cloud storage上: ?
领取专属 10元无门槛券
手把手带您无忧上云