手机版小黑屋纯js版分享

青春向上

友情链接：
WhiteSevs大佬“MT 论坛优化”油猴插件

小白·马大佬“论坛lite”app


用过以上工具的大佬们都知道“手机版小黑屋”，WhiteSevs大佬的小黑屋可以自适应布局，但需要先安装油猴插件。
小白·马大佬的app使用lua单独开发出一个Xiaoheiwu页面。

如果想移植其功能，有点麻烦。于是我作为cv工程师，根据WhiteSevs大佬的代码，和黄鸟抓包，加上ai助力（ai了99%的代码），最终写出纯原生js的小黑屋：

链接：https://www.123865.com/s/o1cqVv-ZBAjH

使用方法：下载“xhwTest.js”，将整个xhw()函数copy出来，然后执行xhw()即可。
优点：纯原生js，所以不需要油猴，只要你能找到地方执行js，就能使用，帮助各位想做论坛app的朋友们轻松实现小黑屋。
缺点：只考虑网络正常，若其他情况可能出现bug，不过你可以关闭重开，或者修改代码完善。

大致原理：在电脑端小黑屋，点击展开会发送api，此api中cid控制显示页数，当cid为空时显示第一页，并且下一页的cid可以从响应中获取。于是多次发送api，最终显示在弹窗中，就是小黑屋。

不多说，请见代码。

---

赠品：
“InsertLabel.js”，选中文字，点击添加标签。


也可直接点击插入对应标签。
PS：小白·马大佬的app就有此功能，但我选择文字时无法点击，使用js版可以。

青春向上

挽梦遗酒 发表于 2025-7-30 20:59
刚用完这个小黑屋的脚本，有啥实际功能吗，我知道小黑屋有这些人了，然后腻 ...

没啥用，只是好看填补了手机端无小黑屋的空白，否则需要使用电脑ua，切换电脑页面查看，总归不方便。没事干去测试我新上传的imgMenu.js，为手机图片插入排版进行优化。

预览图片：
先选择id，再点击“预览图片”

成功：点击“关闭”或空白关闭。


插入图片：超大可视化，并且已插入图片红色高亮，谁没插一眼可知。（图中已全部插入）


点击“恢复布局”还原原布局（真小，插哪张图片看不出来）：

liutongbao

看看小黑屋长啥样，千万别进小黑屋

挽梦遗酒

什么是cv工程师呀

青春向上

挽梦遗酒 发表于 2025-7-30 14:41
什么是cv工程师呀

ctrl+c、ctrl+v，复制粘贴。

Lazy but Busy

挽梦遗酒 发表于 2025-7-30 14:41
什么是cv工程师呀

复制加粘贴

Lazy but Busy

面向cv编程

挽梦遗酒

青春向上 发表于 2025-7-30 14:44
ctrl+c、ctrl+v，复制粘贴。

改成这样好看

1. 
   
2.    // 创建菜单容器
   
3. const menu = document.createElement('div');
   
4. menu.style.cssText = `
   
5.         display: flex;
   
6.         overflow-y: hidden;
   
7.         padding: 4px;
   
8.         background: transparent;  // 这里改为透明
   
9.         border: 1px solid #ddd;
   
10.         gap: 4px;
    
11.         `;
    
12. 
    
13. 
    
14. 
    
15. 
    
16. // 渲染菜单
    
17. menu.innerHTML = '';
    
18. menuItems.filter(item => item.isShow).forEach(item => {
    
19.     const btn = document.createElement('a');
    
20.     btn.textContent = item.name;
    
21.     btn.style.cssText = `
    
22.             padding: 2px 8px;
    
23.             font-size: 12px;
    
24.             border: 1px solid #ccc;
    
25.             border-radius: 2px;
    
26.             background: rgba(245, 245, 245, 0.5); /* 半透明背景 */
    
27.             color: black; /* 纯黑色字体 */
    
28.             white-space: nowrap;
    
29.             `;
    
30.     btn.addEventListener('click', () => handleAction(item.name));
    
31.     menu.appendChild(btn);
    
32. });
    
33. 
    

复制代码

青春向上

挽梦遗酒 发表于 2025-7-30 14:53
改成这样好看

我对样式没啥要求，都可以，主要是功能。
目前已知回复评论不会显示（因为有两个textarea，也能加，但懒得加），后面还可以加常用语，一键回复“看看隐藏”等功能。
小伙子，看你骨骼惊奇，帮我写一个自动识别代码并高亮呗。

挽梦遗酒

青春向上 发表于 2025-7-30 14:58
我对样式没啥要求，都可以，主要是功能。
目前已知回复评论不会显示（因为有两个textarea，也能加，但懒 ...

也对也对，必须把我的炫彩回复加上去

backside

JS小黑屋挺实用，感谢分享

空雨pro

感谢分享

挽梦遗酒

青春向上 发表于 2025-7-30 14:58
我对样式没啥要求，都可以，主要是功能。
目前已知回复评论不会显示（因为有两个textarea，也能加，但懒得 ...

得了吧，你都不行我咋可能呢

光盘行动

为什么我不能下载

挽梦遗酒

光盘行动 发表于 2025-7-30 16:12
为什么我不能下载

保存到网盘

真我云

感谢分享