分享一个“外挂”聊天室服务,给任意网站植入尬聊功能 [楼内有两杠精互杠]
发布于 1 个月前 作者 icheer 2668 次浏览 最后一次编辑是 15 天前 来自 分享
  • 首先访问任意网站,打开浏览器开发者工具(win下一般是按F12),在 Console 里输入 ↓
var s=document.createElement('script');
s.src='https://topurl.cn/chat.js';
document.body.append(s);
  • 或者,在浏览器地址栏输入(需要注意, 复制粘贴时chrome会吞掉javascript:这个头部) ↓
javascript:var s=document.createElement('script');s.src='https://topurl.cn/chat.js';document.body.append(s);
  • 还可以把上面这行保存成书签, 添加到书签栏, 进入聊天室更方便

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

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

如果实在嫌麻烦也可以直接访问这个部署过聊天服务的网站,找人尬聊。topurl.cn


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

42 回复

更新了以下特性:

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

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

6的飞起,求提供项目源码学习学习

字体小看不清,时间就更小了

@jinkankakushoujo css单位用的是vw, 所以浏览器在"瘦长"的情况下确实字体比较小, 尽量宽屏下使用吧, 不过也做过移动端适配, 在手机上可以看清文字的, 时间嘛…不重要我再改改

@luozhang002 额, 我试试放到gayhub吧, 说实话后台代码初学比较烂, 没信心哈哈

@icheer 我的显示器是19寸16:10的比例,但不管是什么比例,可以确定的是现在CNODE论坛的文字比你设置那个聊天文字清晰,而且像QQ都是可以单独调整字体大小的。

@icheer QQ截图20180831230647.pngQQ截图20180831230704.png 你可以自行比较下看看,同样的显示器,为什么CNODE的字体我没说小看不清,你的聊天字体却要依赖用户的屏幕比例才能显示清楚呢? 还是说你的这个聊天字体非要16:9的显示器才能显示清楚吗?我16:10的显示器莫非不是宽屏?

@icheer 我测试了下,同样的网页,火狐55版本下和chrome最新版本下,你的聊天字体显示大小非常不一样,火狐里的字体如上面截图非常小,而chrome则稍微大一点。如果你只是在chrome里测试的话,可能确实以为没那么小,虽然就算是chrome里的也不能算清晰,文字和背景对比度太低。

请问一下这个是如何实现跨域问题的

@jinkankakushoujo 因为我要以最小成本实现移动端的适配, 所以选了vw作为css单位. 关于字看不清… 我在1440x900分辨率和1366x768, 甚至把窗口缩到1000x750都能看清文字呀, 所以是不是你屏幕分辨率的问题呢?

@37372842 websocket服务器(我部署在腾讯云的一台cvm)只要允许任意源的请求, 就不存在跨域问题.

@icheer 我发的截图你觉得看得清的话,那就是看得清。我分辨率1152x720,如果设置为1440x900分辨率的话,字体也一样看不清。但是我是火狐55版本,你如果用chrome的话,会大点,因为chrome会限制最小字体不能小于12px。

@icheer QQ截图20180906011421.png QQ截图20180906011228.png 同样的显示器和分辨率下的截图。估计楼主你只用chrome做测试,所以不清楚火狐的状况。

@icheer QQ截图20180906012149.png QQ截图20180906013117.png 再给你看下非最大化时,同样窗口大小下的截图。呵呵,你现在还觉得火狐里你聊天的字体看得清么?但是chrome却还是看得清,所以你就得出了看得清的结论了,但是浏览器不只有chrome,你的测试并不全面。

@jinkankakushoujo 感谢您的较真回复, 12px这个我没想到, 一直用chrome调试的, 我稍微改一下吧. 我只把这个作品视作一个玩具插件对待的, 没有太照顾使用体验, 因为入口不便于传播所以我估计过几天就不会有人用了

@icheer 我虽然也没有用这个的需求,但是作为程序员有职业病,毕竟一个聊天的程序,连字都看着费劲的话,那聊天就成了受罪了,或者说会影响用户的视力。

不过你最大的问题在于,你妄下了给你提供反馈信息的人的使用环境,擅自给用户贴上了非宽屏的标签,这点很不友好,很可能导致你失去用户对你产品的信心和好感。 因为当你妄下非宽屏的标签后,本来只是反馈信息的,却有点火药味了。

@jinkankakushoujo 你看一下对话, “你最大的问题”,“擅自”,“贴标签”,“妄下”… 我只不过询问你是不是分辨率造成的问题 (事实是你分辨率确实低, 都2018年了任何一个上网本的分辨率都不止1152x720吧) , 怎么就被你说成这样? 所以貌似是阁下很喜欢给别人下结论贴标签吧? 而且一般对我留言"呵呵"的我都懒得回的, 您不用再使用这个聊天插件了…

@icheer 你看一下对话,“我分辨率1152x720,如果设置为1440x900分辨率的话,字体也一样看不清。”,请不要断章取义,19寸的显示器如果用真实分辨率不开DPI那才叫真的看不清。分辨率越小图像越大,这么一点常识你都不懂么? 你再看一下你第一次回复给你提供反馈人的回答是什么,“ 尽量宽屏下使用吧”,请问16:10不是宽屏吗?还是说你没问就知道我的屏幕比例了?

像你这种态度,不会有用户会愿意给你提供反馈信息,你还是拿着你看不清聊天文字的聊天程序一边凉快去吧。

@jinkankakushoujo 你设备真实物理像素有多少? DPI有多少? 你平时为什么用1152x720? 这些你都不必回答, 因为你不是我的用户你分辨率就算640x480也跟我没关系, 还"分辨率越小图像越大", 照你的逻辑分辨率越低字体反而越清晰么? 那去用文曲星好啦 请带着您的神常识远离, 顺带再回您一句呵呵^_^

@icheer 反智人士你好,你脑子真实检测智商有多少? 脑容量有多少? 你平时为什么把16:10认为是非宽屏?这些你都不必回答, 因为我不是你的用户你分辨率就算是金龙鱼调和油1:1:1也跟我没关系, 还"分辨率越低字体反而越清晰", 照你的逻辑分辨率越高字体反而越大么? 那去用4K真实分辨率好啦 请带着您的神反智主义远离, 顺带再回您一句呵呵^_^

@jinkankakushoujo 您大可以拿一个7寸的树莓派LCD说是宽屏, 只要它是16:10的呵呵. 我就是不承认你1152x720是所谓的宽屏, 这破分辨率跟十几年前1024x768有多大区别? 用着这样辣鸡的分辨率, 还宣称自己显示器是19寸宽屏, 19寸配这样的分辨率, 一个像素怕是要赶上小米粒那么大了吧? 您这辣鸡分辨率, 看个1080高清视频都快要1个像素渲染人家4个像素了好么? 呵呵呵, 建议还是攒点钱配个好显示器了, 要不回头眼瞎了, 多少家软件公司要被您告到倒闭呀? ^_^

@jinkankakushoujo 既然说我贴标签, 那我不贴你一下岂不是不合适? 看你挂QQ还是个女号, 可能真的是女的吧, 而且是个女权 – “你凭什么假定我的性别!?”, – "你凭什么假定我显示器不是宽屏? 明明是1152x720标准16:10宽屏!" 哈哈哈哈哈玻璃心如此, 异常欢乐~ 恼羞成怒还人身攻击上了, 嘻嘻, 我就笑笑

@icheer 反智人士你好,还“我就是不承认你1152x720是所谓的宽屏”,你什么都不用再说了,请带着您的神反智主义远离, 顺带再回您一句呵呵^_^

@jinkankakushoujo 青光眼走好不送, 继续捧着您的1152x720 19寸大宽屏畅游互联网吧哈哈! 现在是2018年, 你也在网上冲浪啊?

@icheer 反智人士你好,还“我就是不承认你1152x720是所谓的宽屏”,你什么都不用再说了,请带着您的神反智主义远离, 顺带再回您一句呵呵^_^

@jinkankakushoujo 白内障走好不送, 继续捧着您的1152x720 19寸大宽屏畅游互联网吧哈哈! 现在是2018年, 你也在网上冲浪啊?

@icheer 反智人士你好,还“我就是不承认你1152x720是所谓的宽屏”,你什么都不用再说了,请带着您的神反智主义远离, 顺带再回您一句呵呵^_^

@jinkankakushoujo 祝您眼角膜早日配型移植成功~

@icheer 反智人士你好,祝您大脑皮层早日配型移植成功~

@jinkankakushoujo 哈哈, 我就是喜欢看你盯着1152x720大宽屏气哭的样子~

@icheer 反智人士你好,祝您大脑皮层早日配型移植成功~

@jinkankakushoujo 喜闻乐见 哈哈哈 1152x720大宽屏果然厉害! 还有这一手操作, 犀利! 1.jpg


二次元女权斗士迷你宽屏协会璀璨水晶玻璃心混乱自黑眼科VIP患者一定要说最后一句话, 我让她说吧, 哈~ ↙

@icheer 反智人士你好,哈哈哈哈哈哈 反智人士一定要说最后一句话, 我让他说吧, 哈~ ➚

不就是跟分享工具一样吗!

来自拉风的 Taro-cnode

我比较在意这充满贵族气息的名字是怎么随机生成的

回到顶部