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

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

😋 首先访问任意网站,打开浏览器开发者工具(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)

  • 创造

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

    173 引用 • 990 回帖
  • 聊天室
    7 引用 • 88 回帖
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. 尬聊排行榜很容易刷榜作弊
请输入回帖内容 ...

推荐标签 标签

  • GitLab

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

    46 引用 • 72 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 319 关注
  • Scala

    Scala 是一门多范式的编程语言,集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 108 关注
  • 倾城之链
    23 引用 • 66 回帖 • 102 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    53 引用 • 85 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 45 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 13 关注
  • FreeMarker

    FreeMarker 是一款好用且功能强大的 Java 模版引擎。

    23 引用 • 20 回帖 • 428 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    11 引用 • 5 回帖 • 565 关注
  • 书籍

    宋真宗赵恒曾经说过:“书中自有黄金屋,书中自有颜如玉。”

    76 引用 • 390 回帖
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 443 关注
  • 房星科技

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

    6 引用 • 141 回帖 • 559 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 5 关注
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 123 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    675 引用 • 535 回帖
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储,专门用于在分布式系统中保存关键数据。

    5 引用 • 26 回帖 • 492 关注
  • gRpc
    10 引用 • 8 回帖 • 54 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 28 关注
  • OpenStack

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

    10 引用 • 6 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖 • 3 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 23 关注
  • C

    C 语言是一门通用计算机编程语言,应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖 • 44 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时,提供更无缝的用户体验。

    1 引用 • 2 回帖 • 47 关注
  • Pipe

    Pipe 是一款小而美的开源博客平台。Pipe 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    131 引用 • 1114 回帖 • 151 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • SEO

    发布对别人有帮助的原创内容是最好的 SEO 方式。

    35 引用 • 200 回帖 • 23 关注
  • Spark

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

    74 引用 • 46 回帖 • 549 关注