这个AI插件，想让你体验在浏览器上开挂的感觉。 * { margin: 0; padding: 0; outline: 0; } body { font-family: “PingFang SC”, system-ui, -apple-system, BlinkMacSystemFont, “Helvetica Neue”, “Hiragino Sans GB”, “Microsoft YaHei UI”, “Microsoft YaHei”, Arial, sans-serif; line-height: 1.6; } .__page_content__ { max-width: 667px; margin: 0 auto; padding: 20px; text-size-adjust: 100%; color: rgba(0, 0, 0, 0.9); padding-bottom: 64px; } .title { user-select: text; font-size: 22px; line-height: 1.4; margin-bottom: 14px; font-weight: 500; } .__meta__ { color: rgba(0, 0, 0, 0.3); font-size: 15px; line-height: 20px; hyphens: auto; word-break: break-word; margin-bottom: 50px; } .__meta__ .nick_name { color: 576B95; } .__meta__ .copyright { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.05); padding: 0 4px; margin: 0 10px 10px 0; } blockquote.source { padding: 10px; margin: 30px 0; border-left: 5px solid ccc; color: #333; font-style: italic; word-wrap: break-word; } blockquote.source a { cursor: pointer; text-decoration: underline; } .item_show_type_0 > section { margin-top: 0; margin-bottom: 24px; } a { color: 576B95; text-decoration: none; cursor: default; } .text_content { margin-bottom: 50px; user-select: text; font-size: 17px; white-space: pre-wrap; word-wrap: break-word; line-height: 28px; hyphens: auto; } .picture_content .picture_item { margin-bottom: 30px; } .picture_content .picture_item .picture_item_label { text-align: center; } img { max-width: 100%; } .pay_subscribe_notice { margin: 30px 0; padding: 20px; background: fffbe6; border: 1px solid ffe58f; border-radius: 8px; } .pay_subscribe_badge { display: inline-block; padding: 4px 12px; background: faad14; color: fff; border-radius: 4px; font-size: 14px; font-weight: 500; margin-bottom: 12px; } .pay_subscribe_desc { font-size: 15px; line-height: 1.8; color: rgba(0, 0, 0, 0.7); margin-bottom: 12px; } .pay_subscribe_hint { font-size: 13px; color: rgba(0, 0, 0, 0.4); } .__bottom-bar__ { display: flex; justify-content: space-between; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; height: 64px; padding: 8px 20px; background: white; box-sizing: border-box; border-top: 1px solid rgba(0, 0, 0, 0.2); } .__bottom-bar__ .left { display: flex; align-items: center; font-size: 15px; white-space: nowrap; } .__bottom-bar__ .right { display: flex; } .__bottom-bar__ .sns_opr_btn { display: flex; align-items: center; user-select: none; background: transparent; border: 0; color: rgba(0, 0, 0, 0.9); font-size: 14px; } .__bottom-bar__ .sns_opr_btn:not(:last-child) { margin-right: 16px; } .__bottom-bar__ .sns_opr_btn > img { margin-right: 4px; }
这个AI插件，想让你体验在浏览器上开挂的感觉。
原创 数字生命卡兹克 数字生命卡兹克 2024-10-18 09:30 北京
这段时间，看到一个非常有趣的独立开发者做的浏览器AI插件。
非常的好玩，他的名字，叫**“有挂”**。
听着这名字，作者的心思就已经全部呼之欲出了，就是要让你在浏览器上开挂。
我先放个作者自己录的演示视频，你就知道这插件大概是干嘛的了。
对某一个网站不满意？你自己直接用嘴就可以对他来一顿爆改。
google背景太丑？一句话直接给你爆改成黑客帝国，太骚了。
我脑子里在当时看到这个产品的一瞬间，已经浮现了N种抽象玩法。
按照以前，你想改，那得按F12，调出网页源码，然后自己一点一点去扒拉前端代码，别说小白了，专业的前端也得调半天。
现在，不需要任何设置，用这个插件，一句话搞定一切。
比如，昨晚国足赢球了，2：1战胜了印度尼西亚。你也别说印度尼西亚什么水平，你就说国足赢没赢吧。
为了表达我的庆贺，我就瞬间，想给国足在网页上放个烟花。
这时候就可以打开有挂，说一句话：
“在页面上模拟一个烟花”
十秒左右之后，烟花，就诞生了。
效果不错，满屏的烟花，融入的相当自然。
真好，满足了我在城市没法放烟花的遗憾。
又比如，最近看一些微博热搜，因为我经常会根据一些热搜来整活做一些选题，现在，用有挂，直接就能把微博上的榜单数据保存到Excel文件。妈妈再也不用担心我保存下来有一堆链接的文字了。
一句话：“右上角添加一个下载按钮，用于把热搜保存到xls文件”。直接下载按钮就给你安排上了。
点击下载热榜。表格文件直接1s下载到本地。
无敌到爆好吧。
这效果，真的绝了。
抽象和效率，都可以给你拉满。
限制你的，不再是技术，而是纯粹的，你的想象力。
“有挂”这个插件，你直接在Chrome应用商店就能搜到。
一键安装就行。
安装好以后，你可以把有挂固定在你的右上角。
点击这个图标，你就可以在任意网页上，吊起这个插件了。
插件点击以后，就会在右下角弹出一个小框框。
这时候你输入内容并不会有响应，需要先填一个Cluade 3.5的API KEY。
这里有一个开发者提供的KEY，直接填入就能用，给大家复制在下面了。
key：YG-c886707ebcb2d89daae8e17
但是这块我额外说一下，因为这个插件我理解的大概的原理就是，你输入一段Prompt，然后插件把Prompt和整个网页的页面代码一起扔给Claude3.5，让它针对Prompt对网页代码进行修改。
而这个插件其实也是刚出来，开发者为了方便大家用，给了自己的Claude3.5的Key，烧的其实也都是开发者自己的钱，有点那个做慈善的感觉…
大家悠着点用，有条件的推荐还是用自己的Claude3.5的API，别把开发者干秃了，真的，独立开发者真的也不容易。。。
正好文章写的有点累了，我就用有挂在页面上加个木鱼，没事敲一敲积攒一些功德吧。
木鱼吗，肯定还是需要一个图标的，要不然只敲一个btn多没意思。
先在网上随便找一张木鱼的图片。
但这时候直接复制出来的图片链接很长，很容易报错。我找了一个图床，https://www.locimg.com/，可以把长链变成短链。
然后，把刚刚获得的图片复制到剪切板，回到刚刚的页面，在输入框填入：
给页面左上角添加一个巨大的图片按钮，每次点击浮动弹出巨大的功德加一，并显示总数。图片链接：https://s1.locimg.com/2024/10/17/58a6fcad3d06f.jpg
嘟嘟嘟的很快，10到20秒左右，一顿非常炫酷的像黑客一样的代码和进度条后，我的大木鱼，就被添加到了左上角。
你就可以，愉快的敲木鱼了。
看着页面上不断涌现的功德+1，还是很爽的。而且他甚至，把+1动效都给我做好了。。。
又能摸鱼，又能加功德。
真好。
但是毕竟是改的网页代码嘛，所以懂的人肯定都知道，刷新一下网页，你所有的修改就都没了。
而有挂考虑到了这个问题，他们提供了一个“保存”的功能。
你点保存后，就可以选择这个改好的代码，是就这一次生效，刷新就消失了，还是对当前这个网站永久生效。又或是刚一点，对所有网站都生效。
仅当前网站生效很好理解，比如我这次是在Google上加了敲木鱼，我选择了这个选项，那以后，我只要进到Google来，有挂就会按照我这次保存的代码，给我修改一遍网站，每一次进到Google，我的木鱼始终都在。
而所有网站生效就是全局生效，你不管去到那一个页面，我的大木鱼，永远浮现在左上角。随时准备为我功德+1。
有挂这个产品，这种交互，我觉得是真的把所谓的“副驾驶”概念，用到了极致。并且也把修改网页代码的门槛，降到了极致。
它永远就在这里，随时等待你的召唤。
在一众要编辑代码的编程产品里。
有一个考虑编程小白的插件，把体验做到极致。
这种感觉，真好。
我也去顺道挖了下这产品背后的开发者。
海玮和虎王。
看到了他们的思考，他们的热血。
也看到了他们之前的产品“马大哈翻译”。
他们说，想让“有挂”传递的感觉是：
“想把大家带回十五年前在GTA里输入作弊码，然后看着坦克掉下来的那个夏天。”
鼻子一下就酸了。
我心中曾经那个执剑的少年，如今也只是混迹于市井之间。
做什么不是过一天呢。
那不如，做点自己想做的。
为了自己。
也为了十五年前的梦。
以上，既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～谢谢你看我的文章，我们，下次再见。
>/ 作者：卡兹克、东毅
>/ 投稿或爆料，请联系邮箱：wzglyay@gmail.com
数字生命卡兹克
 阅读 赞  分享 ‘%3E %3Cg transform=‘translate(0 -2.349)‘%3E %3Cpath d=‘M0 2.349h24v24H0z’/%3E %3Cpath fill=‘%23576B95’ d=‘M16.45 7.68c-.954 0-1.94.362-2.77 1.113l-1.676 1.676-1.853-1.838a3.787 3.787 0 0 0-2.63-.971 3.785 3.785 0 0 0-2.596 1.112 3.786 3.786 0 0 0-1.113 2.687c0 .97.368 1.938 1.105 2.679l7.082 6.527 7.226-6.678a3.787 3.787 0 0 0 .962-2.618 3.785 3.785 0 0 0-1.112-2.597A3.687 3.687 0 0 0 16.45 7.68zm3.473.243a4.985 4.985 0 0 1 1.464 3.418 4.98 4.98 0 0 1-1.29 3.47l-.017.02-7.47 6.903a.9.9 0 0 1-1.22 0l-7.305-6.73-.008-.01a4.986 4.986 0 0 1-1.465-3.535c0-1.279.488-2.56 1.465-3.536A4.985 4.985 0 0 1 7.494 6.46c1.24-.029 2.49.4 3.472 1.29l.01.01L12 8.774l.851-.85.01-.01c1.046-.951 2.322-1.434 3.59-1.434 1.273 0 2.52.49 3.472 1.442z’/%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E) 推荐 ’ fill=‘%23000’ fill-opacity=’.9’/%3E%3C/svg%3E) 留言