#浏览器插件

avatar
为 Nexty 模板添加了新文档和Demo，讲解基于Nexty服务端，如何实现浏览器插件登录与业务请求。 文档末尾提供了几点浏览器插件开发的最佳实践，欢迎阅读：
#Nexty模板 #新文档 #demo #浏览器插件 #登录 #业务请求 #最佳实践
avatar
Cell 细胞
2周前
Cursor 如果把浏览器的事情也做了，就太强了！ 浏览器插件即生即用，最近我在开发环境勉强实现了这个效果，简直不要太爽！
#Cursor #浏览器插件 #开发环境 #技术创新
avatar
Dong
3周前
这个浏览器插件会监听鼠标移动和点击事件，然后在 sessionStorage 里疯狂写你的鼠标坐标，节流都不做一下，真的是爬你服务器无节制，监听你鼠标也无节制，流氓公司！
#浏览器插件 #鼠标监听 #节流 #sessionStorage #个人隐私 #流氓软件
avatar
哥飞
2个月前
哥飞给新手的SEO入门建议，多看关键词，多看网站，看他100个以上的关键词，看他1000个以上的网页。 哥飞： Semrush、Similarweb、Ahrefs这些工具都需要花钱买，正版还比较贵。 你初期可以不买，只用免费版。 哥飞: 下载 浏览器插件，就可以看网站流量和来源分布 哥飞: 看关键词难度和搜索结果前几名 哥飞: 看一个网站的外链有哪些 哥飞: 看一个关键词的相关关键词 哥飞: 查一个网站的流量和主要关键词 哥飞: 有上面我给你发的几个免费工具，你就可以去看词看网站了 哥飞: 发现一个关键词，就去看一下搜索结果，再看搜索结果里的每一个网站。 哥飞: 对于一个网站，看他的流量大小，流量来源渠道，看他拿到了哪些关键词的搜索结果，看他用什么样的页面来拿到这个关键词搜索结果的。 哥飞: 打开页面，看看这个页面怎么做的，有哪些模块，提供了什么功能来满足用户需求的。 哥飞: 刚开始看，你可能啥都看不懂。 但没关系，你就持续的去看，看他100个以上关键词，看他1000个以上网站和网页。 哥飞: 慢慢看着看着，你就会有感觉了。 哥飞: 当然，也要配合我的文章教程一起看
#SEO #关键词研究 #网站流量分析 #浏览器插件 #外链分析
avatar
倪爽
6个月前
最近 Youtube 热门话题是 Honey 骗局 这个号称帮创造者赚钱、帮用户省钱的浏览器插件，实际上窃取创作者的分成，还把用户导流到他们的合作网站（而不是便宜网站） 能阻拦 Youtube 广告的广告拦截插件 Pie，也出自他们家 赶快卸载！
#Honey骗局 #浏览器插件 #广告拦截 #用户隐私 #网络安全 #创作者分成
avatar
Steven W.
6个月前
今天回盘了一下近一年以来的收获，发现最近1~2年我开发的产品中Chrome扩展程序（插件）比重很高，而国内的独立开发者们对于这个赛道的了解远不如 APP 和 SEO / 工具站。 在这里简单的做一个回盘总结，同时也给大家分享一下这个赛道的一些干货、心得👇 一、Chrome扩展程序是什么？有什么优势？ 简单来说就是浏览器插件。比如： 🔹SEOer常用的moz、similarweb、aitdk 🔹看视频网站常用的AdBlock、油猴 🔹Vue开发常用的开发者工具 那么Chrome扩展有什么优势呢？ 1⃣ 开发简单 只需要简单学习一下核心原理就可以快速开发，无论是Vue、React还是原生Html都可以。 2⃣上线快速 只需要一个Chrome开发者账号，付费5美元就可以上线20个扩展程序，审核也比较好过。 3⃣SEO友好 Chrome插件特别适合想要快速占据一个新关键词的开发者，依托于插件商店的权重和谷歌亲儿子的身份，很容易在谷歌搜索中获得一个不错的排名。 而且，每一个语种都可以配置不同的关键词快速占据相关长尾词，也就是一个插件产品可以占据50~60个不同的Chrome插件商店的页面，每个页面都可以依托谷歌搜索，迅速占据大量长尾词。 4⃣ 一次开发多平台发布 只需要开发Chrome一个产品，就可以在edge、firefox等浏览器同步发布。 5⃣灵活度高 Chrome 插件因为基于Chrome浏览器的内核，除了正常的功能外，还能做很多你想象不到的产品开发。 比如： 🔸利用网页dom操作，开发自动化机器人 🔸利用消息监听&改写，做自动化爬虫、广告拦截 🔸利用插件和网站通信，协助web网站完成特定的浏览器操作 二、Chrome插件可以收费么？如何接入付费 1⃣可以收费么？ 当然可以！虽然我们常用的油猴、AdBlock这些插件是免费的，但是其实Chrome插件有不错的应收的产品是很多的。 但是，这个收入情况是基于你的产品周活用户数和用户对产品功能的依赖程度的。 2⃣如何接入付费？ 一种方式是自己开发微信、支付宝或者Stripe支付。 但是现在已经有现成的第三方产品（Kodepay）。这个产品已经集成了完整的 Stripe 支付，如果是海外用户的话使用这个产品，可以快速上线一个付费插件。 官网地址： 三、我是怎么解除Chrome扩展开发的？ 说起我为何决定进入Chrome扩展开发的领域，背后有一段小小的故事。2022年初，我们团队计划做一款SCRM（社交客户关系管理）产品，当时市场上已经有了像探马这样做得很大的Tob类产品。面对激烈的竞争，我意识到想要在这个赛道上脱颖而出很会困难。 后来，我们尝试了做一个Linkedin方向的SCRM产品，虽说功能做得还不错，但因为对SEO（搜索引擎优化）不够熟悉，导致流量引不进来，产品也没有什么用户。 后来，在进行海外竞品调研时，我发现了一种新的产品形态——Chrome扩展程序与Web网站管理端相结合的模式。 这种模式下，插件可以作为网站的引流工具，通过占据谷歌搜索关键词流量，为官网带来精准流量。 于是，我们决定先从开发一个Chrome插件开始。经过一年的努力，我的 SCRM 插件产品的周活跃用户就增长到了5W+，也开始上线订阅套餐逐渐获得了一些收入（包括：Tob用户的话 23年大概达到一年 400K 左右的收入）。 所以，后续只要是需要占据关键词且适合插件场景的功能，我们一般都会优先考虑Chrome插件开发的模式。 四、如何学习插件开发？ 1⃣官方文档： 2⃣比较不错的中文教程： 3⃣GitHub：git上面有很多项目在原生Chrome开发的基础上进行了封装，增强其跨平台功能、简化API调用、方便与Vue或React集成。（Ps. 这里细节比较多，比较散。如果大家有感兴趣的，后续我可以单独开一篇Post总结一下） 五、什么是插件精选？如何获得精选？ 1⃣什么是插件精选？ 其实，只有经历过22年那个Chrome插件产品野蛮增长的开发者才会了解原因。 因为当时谷歌对Chrome插件监管不严，当时流行过一个Chrome插件推广的策略是：批量、大规模的在小语种的描述中布局关键词（Ps.当时谷歌只对英文审核比较严格） 这样只要是Chrome商店的用户，无论搜索什么关键词都可以搜索到我的插件，即使用户不精准但是也有真正的用户流入。 但是，后来谷歌的监管越来越严格，这个策略就越来越难用了，现在使用起来反而会有惩罚！ 到了24年初，谷歌更新了新版的Chrome商店，也更新了搜索算法和商店搜索流程，加强了精选插件的曝光。 现在新的Chrome 插件如果没有精选标识，基本很难得到Chrome商店的平台流量了（只有SEO流量了）。所以，这就是我为什么说插件精选很重要。 2⃣获得精选的方法有哪些？ 🔸方法一：持续不违反Chrome商店规则，产品展示截图清晰完整、用户评价较高，有可能会被插件商店自动评选为精选插件。 🔸方法二：主动申请 3⃣如何主动申请精选？ 1）材料准备 - 插件ID - 联系邮箱 - 网站域名 - 清晰的产品展示图、展示视频、介绍文案（英文） - 产品最好支持英文版 2）需要注意的点 申请表单中写的很清楚，大家可以直接看截图： 3）申请流程 使用自己插件的Chrome Web Store账号，登录后台。按照下面流程操作（可参考截图）：联系我们 -> 我的项目 -> 申请精选 -> 填写表单。
#Chrome扩展程序 #独立开发者 #赛道总结 #产品开发 #SEO工具 #浏览器插件 #开发心得
avatar
宝玉
6个月前
春假两周在家教孩子编程，对编程没兴趣所以以前没学过我也没教过，但明年要学编程课了想提前跟我学一点，我教编程的方法很简单直接： 1. 首先找需求，看能做点什么自己用的上的东西 学编程最好是能学以致用，做一点能自己用的上的东西是最好的。最后一起讨论定下来做一个浏览器插件，点击插件可以显示学校网站的通知，这样就不用打开网站去看通知了，随时查看。 2. 跟 AI 结对，让 AI 帮助完成第一版本 最开始先教一点最基本的，通过 Chrome Dev Tool 去看网络请求，去找到相关API请求，复制fetch的代码出来，然后就自己去向 AI 描述需求，然后遇到问题让 AI 帮助解决。几个小时后就自己借助 AI 搞定了一个可用的版本。 3. 去解释代码是如何工作的 如果只是跟 AI 结对写代码，并不会理解代码，所以最好就是去向别人解释代码是怎么工作的，因为要解释清楚得先学习搞清楚。一开始是解释不清楚的，不清楚就是去问 AI，中间我也会帮助解释一下，反复几次把每一行代码都讲一遍，中间再对代码做一些修改对比看修改后的效果加深理解。 我是费曼学习法的忠实信徒，一直坚信最高效的学习方法就是把学到的东西解释给别人听，能把代码从头到尾讲清楚就能学到东西。 4. 迭代增加新功能 最初的版本只有显示文字版的列表，基于它之上再加上显示图片、增加本地存储、显示未读条数等等功能，通过迭代，一方面让程序更实用，另一方面也是做中学。继续跟 AI 结对，继续讲解代码。 我教编程的方法总结下来就是：做点能用的上的东西，跟 AI 结对编程，不懂的让 AI 教，写出来的代码要能解释给别人听，通过版本迭代不断完善不断学习。
#春假 #编程教育 #AI #亲子活动 #浏览器插件
avatar
宝玉
6个月前
春假两周在家教孩子编程，刚上大一，对编程没兴趣所以以前没学过我也没教过，但明年要学编程课了想提前跟我学一点，我教编程的方法很简单直接： 1. 首先找需求，看能做点什么自己用的上的东西 学编程最好是能学以致用，做一点能自己用的上的东西是最好的。最后一起讨论定下来做一个浏览器插件，点击插件可以显示学校网站的通知，这样就不用打开网站去看通知了，随时查看。 2. 跟 AI 结对，让 AI 帮助完成第一版本 最开始先教一点最基本的，通过 Chrome Dev Tool 去看网络请求，去找到相关API请求，复制fetch的代码出来，然后就自己去向 AI 描述需求，然后遇到问题让 AI 帮助解决。几个小时后就自己借助 AI 搞定了一个可用的版本。 3. 去解释代码是如何工作的 如果只是跟 AI 结对写代码，并不会理解代码，所以最好就是去向别人解释代码是怎么工作的，因为要解释清楚得先学习搞清楚。一开始是解释不清楚的，不清楚就是去问 AI，中间我也会帮助解释一下，反复几次把每一行代码都讲一遍，中间再对代码做一些修改对比看修改后的效果加深理解。 我是费曼学习法的忠实信徒，一直坚信最高效的学习方法就是把学到的东西解释给别人听，能把代码从头到尾讲清楚就能学到东西。 4. 迭代增加新功能 最初的版本只有显示文字版的列表，基于它之上再加上显示图片、增加本地存储、显示未读条数等等功能，通过迭代，一方面让程序更实用，另一方面也是做中学。继续跟 AI 结对，继续讲解代码。 我教编程的方法总结下来就是：做点能用的上的东西，跟 AI 结对编程，不懂的让 AI 教，写出来的代码要能解释给别人听，通过版本迭代不断完善不断学习。
#春假 #孩子编程 #大一 #编程课 #浏览器插件 #AI 结对