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

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

😋 首先访问任意网站,打开浏览器开发者工具(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. 尬聊排行榜很容易刷榜作弊
请输入回帖内容 ...

推荐标签 标签

  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合,以模块的方式组织管理插件以
    及相关配置,为不同的语言开发量身定制了相关的开发模块,该模块提供代码自动补全,
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 71 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 618 关注
  • 持续集成

    持续集成(Continuous Integration)是一种软件开发实践,即团队开发成员经常集成他们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误。

    14 引用 • 7 回帖 • 1 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 247 回帖 • 174 关注
  • 阿里云

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

    89 引用 • 345 回帖
  • Electron

    Electron 基于 Chromium 和 Node.js,让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目,兼容 Mac、Windows 和 Linux,它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 7 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 685 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 222 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • Chrome

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

    60 引用 • 287 回帖
  • 创造

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

    173 引用 • 990 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    70 引用 • 532 回帖 • 712 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    131 引用 • 3639 回帖 • 1 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    75 引用 • 258 回帖 • 627 关注
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖 • 4 关注
  • CAP

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

    11 引用 • 5 回帖 • 563 关注
  • Scala

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

    13 引用 • 11 回帖 • 108 关注
  • Laravel

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

    19 引用 • 23 回帖 • 685 关注
  • Firefox

    Mozilla Firefox 中文俗称“火狐”(正式缩写为 Fx 或 fx,非正式缩写为 FF),是一个开源的网页浏览器,使用 Gecko 排版引擎,支持多种操作系统,如 Windows、OSX 及 Linux 等。

    7 引用 • 30 回帖 • 451 关注
  • 博客

    记录并分享人生的经历。

    270 引用 • 2386 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    85 引用 • 895 回帖 • 1 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 685 关注
  • 深度学习

    深度学习(Deep Learning)是机器学习的分支,是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    40 引用 • 40 回帖
  • React

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

    192 引用 • 291 回帖 • 442 关注
  • App

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

    90 引用 • 383 回帖 • 1 关注