分享一个“外挂”聊天室服务,给任意网站植入尬聊功能

本贴最后更新于 1855 天前,其中的信息可能已经天翻地覆

😋 首先访问任意网站,打开浏览器开发者工具(win 下一般是按 F12,mac 在网页中右键选“审查元素”),在 Console 里输入 ↓

var s=document.createElement('script');
s.src='//topurl.cn/chat.js';
document.body.append(s);

😋 或者,在浏览器地址栏输入(需要注意, 复制粘贴时 chrome 会吞掉 javascript:这个头部, 手动敲上即可) ↓

javascript:var s=document.createElement('script');s.src='//topurl.cn/chat.js';document.body.append(s);

😋 还可以把上面↖️这行代码作为网址保存成书签, 添加到书签栏, 进入聊天室更方便

就能和 < 来自同一个域名 && 同样如此操作的 > 网友在聊天室里尬聊了...

S8102015335596jpg


部分安全防范极高的网站不支持,比如 github,因为他启用了 CSP ( Content Security Policy )

为了方便您看懂以上操作,还录了一个视频上传 bilibili。如果实在嫌麻烦也可以直接访问这个部署过聊天服务的网站,找人尬聊。topurl.cn


如何在自己管理的站点植入聊天室?只需在 html 任意位置加入:

<script src="//topurl.cn/chat.js" async="async"></script>

添加 fold 属性可以让聊天室默认折叠起来:

<script src="//topurl.cn/chat.js" async="async" fold></script>

技术栈
前台: gulp + browserify + babel + jquery-slim
后台: nodejs + ws + https + node-schedule + psl(用于识别根域名) + axios + 图灵机器人(tuling123.com)

  • 创造

    你创造的作品可能会帮助到很多人,如果是开源项目的话就更赞了!

    179 引用 • 995 回帖
  • 聊天室
    7 引用 • 88 回帖 • 1 关注
4 操作
icheer 在 2019-10-24 13:52:08 更新了该帖
icheer 在 2019-10-08 17:02:54 更新了该帖
icheer 在 2019-10-08 17:00:04 更新了该帖
icheer 在 2019-10-08 16:59:32 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • xjtushilei

    666

  • 88250

    有意思 💙

  • bozai

    这个扩展一下,是不是就可以成为那种右下角的咨询聊天框?

    1 回复
  • baymin

    很不错的创意

  • xiufan

    666

  • jama

    我就问下 这个聊天室是在和谁聊啊😂

  • oagnahz

    因缺思厅

  • icheer
    作者

    有比较大的区别:
    客服咨询的引入是网站官方的行为, 这个匿名聊天室是用户自行植入的
    客服咨询的另一端, 客服们其实是接入另一个复杂的系统对 n 个客户一对一对话的, 这个聊天室所有人是对等的, 界面也只有一个😋

  • icheer 1
    作者

    更新了以下特性:

    重新做了移动端适配
    加入尬聊排行周榜, 显示尬聊最活跃的 3 个域名
    加入图灵 123 机器人"小尬"陪聊

    现在可以试试 @ 小尬 说"来张黄图" (老梗 XD

  • xzake

    可否开源?

    1 回复
  • destiny0

    会玩trollface

  • icheer
    作者

    前端
    后端
    开源了, 代码风格有点随意 trollface

  • xiufan

    666

  • PeterChu

    WOW!这是个让人眼前一亮的好创意好东东啊

  • PeterChu

    可以做个浏览器插件版,可以继续丰富功能,棒棒哒

    但是:排行榜里的什么鬼trollface

    1 回复
  • visus

    牛逼哄哄

  • icheer
    作者

    应该是被澳门赌场大佬拿去用了 trollface

  • yang17762622 1

    可以周排行关掉么,全是黄网啊~

    1 回复
  • icheer
    作者

    确实。现在把排行榜隐藏掉了。

    1 回复
  • PeterChu

    排行榜部分网站过于真实,不宜展示。😂 😂 😂
    你为何如此优秀,哈哈哈哈哈哈哈

  • PeterChu

    哎哟,😂 ,挺不错呢。继续完善下功能、再设计点有趣的 UI(毕竟这是个颜值为王的世界)一定有好的方向的,我很看好呀👍

    imagepng

    1 回复
  • icheer
    作者

    谢谢大佬点赞啊,会继续保持小幅更新的~😋
    图灵机器人目前来看就是个打岔机器人,只是打得比别家好一点点。
    我觉得这个东东未来还会是一个小众鲜有人问津的插件,因为私人写的 js 存在 xss 的可能,你再怎么人畜无害也有人选择不信任你,而且匿名讨论区总伴随着不光明磊落的东西,这个……不多说了我去开门收个快递

  • test000

    挺好的,刚需,真的很有用,希望大佬能继续优化,继续开发。

    这里个人提几个意见

    1. 聊天室内容留存太少了,只有十条
    2. 站长没有管理权限,也没有身份标识,来打广告的,冒充站长身份钓鱼,捣蛋的很烦恼。
    3. 尬聊排行榜很容易刷榜作弊
请输入回帖内容 ...

推荐标签 标签

  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    176 引用 • 815 回帖
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点;但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中,从而不再需要读写 HDFS,因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 552 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖 • 1 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 4 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    286 引用 • 729 回帖
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1792 回帖
  • 996
    13 引用 • 200 回帖 • 6 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 585 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    6 引用 • 38 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 1 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 483 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 211 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 167 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    62 引用 • 289 回帖 • 1 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    567 引用 • 3532 回帖
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    408 引用 • 3574 回帖
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 453 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 72 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    166 引用 • 595 回帖
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    497 引用 • 1387 回帖 • 284 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 4 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计,是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 721 关注