extension
文章平均质量分 78
谷歌插件、Edge插件、firefox插件相关技术沉淀
森叶
谷歌插件开发者 偏前端全栈开发工程师 熟练使用PHP、Python、Javascript、Java 四种语言
王森出品 必属精品
展开
-
Nginx 与后端服务器socket 连接层 理解 HTTP 和 WebSocket 协议的异同
如果你理解了协议就是由两端(人或者物)约定的一些暗号,那么这些暗号,也可以给服务器端约定一下,比如,在请求中增加一个 Token 键,这个键要携带一个值,用来鉴权,只要服务端允许接收这个 Token 那么浏览器端就能将这个 Token 传递过来。为什么说服务端允许呢?像你看的电视剧,当一个人进入城门时,都得先进行验证身份的,如果你不在名单上,例如胡人,那是不让你进的,所以必须有服务端的允许,Token 才能进去。原创 2023-08-24 18:11:24 · 728 阅读 · 0 评论 -
ChatGPT API SSE(服务器推送技术)和 Fetch 请求 Accept: text/event-stream 标头案例
在需要接收服务器实时推送的数据时,我们可以使用 `fetch()` 方法和 `EventSource` API 进行处理。使用 `fetch()` 方法并在请求头中添加 `Accept: text/event-stream` 可以告诉服务器我们想要接收 Server-Sent Events (SSE) 格式的数据流。`fetch()` 对流处理有良好的支持,我们可以使用 `body` 属性来读取 SSE 消息,同时也可以利用 `fetch()` 的其他功能如超时控制、请求重试等。缺点是需要手动解析数据、原创 2023-05-04 17:07:52 · 3243 阅读 · 0 评论 -
谷歌插件inject注入脚本与content script基于Promise+async/await 同步通信实现过程
因为webpage和contentscript是两个隔离环境,在webpage(普通网页)中有CSP安全机制,而在macm1环境,MV3版本下无法修改response.header这个bug半年前反馈给谷歌,后续也没见结果,所以,想在webpage网页中直接请求远程url是走不通的,只有借助contentscript来协助请求数据,但是这里牵涉到两个步骤,能否实现异步转同步方式来处理这个过程?原创 2023-04-02 22:01:01 · 924 阅读 · 0 评论 -
应用接口版本兼容设计和使用原则
早期开发时,由于选型架构等问题,老旧接口仍然要正常运行,需要逐步引导客户使用新版,但是接口由新团队进行开发,比如 PHP 转成了用 Go 来开发,响应更快,并发更大,新的接口又和老的接口逻辑相近,但传入传出都不相同,这种巨大差异,不应该在原版接口中改动,容易产生灾难性的影响,因此,我们会在 url 上进行处理,例如 url 中接口版本为/api/v1,等到新接口采用/api/v2,这样就有效的改善了新版用户的无缝衔接,接口版本非常少,如果公司接口版本搞得很多,绝对出问题了。原创 2023-03-15 23:24:17 · 1278 阅读 · 0 评论 -
谷歌插件Fetch在不同页面之间Cookie携带情况详解
在碰到content script 注入和用script标签注入一样,即使服务端有写入Cookie到域名下在该tab标签应用下也不会被保存,所以在发送时也无法自动携带,所以通过content script和这种方式无法传输隐式传输cookie,只能通过background来先拿到cookie再进行传送。这两者是相似的,只要服务端允许跨域,则都可以请求服务端,但奇特的是,如果host_permission不设置,设置了content script match 则携带Cookie。原创 2023-03-08 19:51:12 · 1250 阅读 · 0 评论 -
MySQL窗口函数 和 阿里云日志15日留存率仪表盘统计脚本实现
以案例的方式亲手验证了窗口函数的作用范围,使用场景,以及和group by 这些聚合查询的区别,同时在了解窗口函数的基础上,结合阿里云日志留存率脚本,来进一步说明窗口函数的实用场景,留存率脚本也同时结合了group by 查询将两者的使用完美结合在一起原创 2022-12-27 16:23:53 · 608 阅读 · 0 评论 -
28个超实用Chrome DevTools 调试技巧参考了前端调试通关秘籍
谷歌开发者工具提供了一系列的功能来帮助开发者高效 Debug 网页应用,让他们可以更快地查找和修复 bug。在谷歌的开发者工具中,有非常多有用的小工具,但是很多开发者并不知道。通过这篇文章,我把我常用的那些高效 Debug 的 Chrome 开发者工具的功能分享给大家。简洁起见,接下来我会使用开发者工具来指代谷歌开发者工具。在我们开始之前,你需要做一些准备工作。如果你想使用谷歌最新的版本和开发者工具,你可以下载,甚至把它设置为开发默认打开的浏览器。金丝雀版本旨在为早期接受者提供最新的更新。原创 2022-11-27 22:33:14 · 3461 阅读 · 0 评论 -
使用$i在网页中怎么引入JQuery 用CSP插件绕开跨域拦截
如果觉得 console 太狭窄,无法让你的脚本跑得欢快,你可以在 snippets 中自由挥洒,在这里等同于 console 环境执行,还能将自己的脚本进行保存,留作下次用,是不是爽歪歪,此外,各种函数等你来写,ES6 任你挥洒。如果觉得 console 太狭窄,无法让你的脚本跑得欢快,你可以在 snippets 中自由挥洒,在这里等同于 console 环境执行,还能将自己的脚本进行保存,留作下次用,是不是爽歪歪,此外,各种函数等你来写,ES6 任你挥洒。--来自百度网盘超级会员v7的分享。原创 2022-11-18 14:38:21 · 418 阅读 · 0 评论 -
chrome extension 普通网页与插件直接通信
与类似,您的扩展可以接收和响应来自常规网页的消息。要使用此功能,您必须首先在 manifest.json 中指定要与哪些网站进行通信。这会将消息传递 API 公开给与您指定的 URL 模式匹配的任何页面。URL 模式必须至少包含一个- 即,禁止使用“*”、“*.com”、“*.co.uk”和“*.appspot.com”等主机名模式。在网页中,使用或API 将消息发送到特定应用程序或扩展程序。或API收听来自网页的消息,类似于。只有网页可以发起连接。原创 2022-11-13 21:31:17 · 2660 阅读 · 10 评论 -
chrome extension v3 version background service worker deep analysis
谷歌插件V3版本background采用的是service worker,对于前端技术人员来说,理解一个后端服务是比较困惑的,service worker 类似于php的服务部署的方式,由一个进程来调度所有插件background 节省了内存,提高了用户体验性,也突出了MVC模式,同时在离线状态下,依然能提供一些离线服务原创 2022-04-12 23:12:52 · 3653 阅读 · 0 评论 -
谷歌插件学习必备准备知识代码提示插件调试
基础课:目前没有发现高级课,可能需要我们自己后续读文档看github源码来获取更多关于插件开发的高级用法北辰课源代码,按课时进行的feature分支,使用git flow管理更方便英语有字幕,看起来不费劲,讲的比上面两个更深一些,建议1-2天抽时间看完。原创 2021-11-23 20:38:43 · 1405 阅读 · 0 评论 -
electron+vue项目添加vue-devTools Unrecognized manifest key ‘browser_action‘. Permission ‘contextMenus‘
下面的问题是插件有三个manifest版本了,最新的是manifest:2,报错是因为browser_action是manifest:2版本,1版本已经很古老了,都是代码的过时导致的。多年后补充:electron-vue 这个在windows上如果能用外网的情况,electron选择8.0版本能顺利安装vue-devtools工具。浏览器安装容易,直接打开插件管理,切换开发模式,加载已解压插件,选择刚刚的chrome目录就行了。目录拷贝出来,这个就是build生成的vue-devtools插件。原创 2020-11-11 13:04:33 · 5205 阅读 · 7 评论 -
谷歌Chrome浏览器对单个网站清理Cookie
浏览器如果要清理Cookie,都是一次性全部清理完毕,我发现可以在关闭浏览器时,清理某个站的Cookie,然后开启后再把这个动作关掉,这样就能清理Cookie。Chrome说实话,你越了解它,你越喜欢他,想你所想。删除来自某个网站的-cookie。官方有个更详细地教程。原创 2022-10-30 18:42:34 · 305 阅读 · 0 评论 -
Electron-Vue 异常处理方案 M1 和 Window10
其次在实例化代码的时候,sass 不要选择,测试都不要选择,不然会莫名其妙的要下载 Chromedriver1.0.8,且每次装库都要很久,即使用了淘宝镜像,也没太快。vue 的 webpack 热更新总是报 404 错误,在 github 有人说是这里注释掉了,放开就不报错,找不到时就全局搜下。M1 必须是 electron 11 版本才能用,所以 package 要改为 electron 11+,这里选择的是 13。装完之后,因为用了 electron 13,导致需要重新配置一些参数。原创 2022-10-18 23:15:01 · 1053 阅读 · 0 评论 -
chrome extension 谷歌插件 manifest 几个permissions深度解读 v2 v3 版本
host_permissions和request请求没有关系,也即background对于request无关系,在backgroud中没有跨域的概念,就相当于我们用python的request去请求任何一个url一样,对于contentscripts的中跨域请求来说,除非后端允许跨域,否则不能请求,而且必须是https协议的,http协议会被浏览器自动纠正成https,应该哪里有个配置可以解决这个问题,但暂时还没找到原创 2022-05-18 21:05:47 · 4903 阅读 · 0 评论 -
chrome extension 谷歌插件 content scripts 跨域限制(但可以发送)的设计理念
随着 chrome 浏览器安全机制的升级,原来的 V2 版本中一些有的权限被移除了,尤其明显的就是 content script 的跨域逻辑处理,这里将对跨域调研的详细过程做一个总结原创 2022-05-10 16:30:31 · 2674 阅读 · 0 评论 -
github 你不知道的一些骚操作
## 1.搜索github高级搜索功能直接打开这里或搜索后在搜索页面 language 下方打开(没找到更好的方法)更多技巧可查看官方文档:## 2.查找文件在主页按“t”:查找文件点进源代码后,按“l”:跳转到某一行点击行号:1. 复制这行代码2. 生成永久链接源代码中按“b”:查看文件的改动记录键盘快捷键:- 文档- 图片## 3.阅读代码技巧代码跳转:1. 下载到本地2. 在线vscode:仓库详情界面按下“。”键,## 4.在线运行项目在项目地址前加上`git原创 2022-05-10 01:32:19 · 113 阅读 · 0 评论 -
chrome 浏览器语言切换
为了测试翻译,您可能需要设置浏览器的语言.这部份介绍怎么在Windows,MacOSX,andLinux上设置语言。原创 2022-04-20 17:10:35 · 1858 阅读 · 0 评论 -
谷歌浏览器插件 chrome.webRequest 技术深度解析
使用 chrome.webRequest API 观察和分析流量并拦截、阻止或修改正在进行的请求,针对于认证和代理认证做了深入讲解原创 2022-04-19 22:51:35 · 7663 阅读 · 4 评论