把 NGA 读成一本杂志 —— 阅境 Readscape 油猴脚本分享
先说结论
不知道你有没有同款体验：NGA 的帖子内容是真的好，网页界面也是真的糙。我做了一个叫 阅境 / Readscape 的油猴脚本，核心功能就一句话：把 NGA 的板块列表和帖子，重排成杂志式的沉浸阅读界面。
- 板块页变成卡片瀑布流，封面按原图比例展示，往下滑自动翻页；
- 帖子首楼排成图文笔记——桌面端左图右文，手机端图集横滑；评论逐页按需加载，读到哪翻到哪；
- 字号、字体、明亮 / 暖纸 / 深色配色都可以实时调整，自动保存；
- 不需要服务器，不需要装独立扩展，装个油猴扩展一键安装就能用。
这工具是我自己做出来自己用的：需求全部来自我日常刷帖的场景，改到自己用着舒服为止。代码开源在 GitHub 上，你也想试试的话跟着下文装一个就行，欢迎去 issue 里聊聊使用感受。
为什么要做这个
我对 NGA 网页的不满攒了很久：
- 版面停留在 2005 年：窄屏表格流，一屏里混杂着楼层、签名、广告和装饰元素，正文反而被挤到不显眼。
- 图片板块没法「逛」：贴图、写真、生活区这种「图才是主角」的板块，列表里只有纯文字标题，每张帖子都要点进去才知道里面有什么，看完再退出来翻下一张。
- 手机上更难受：移动网页基本就是桌面页缩小，想在通勤路上安静读完一篇长帖，每一屏都有东西跳出来打断你。
我理想中的读法是：列表像翻杂志，阅读时只剩人和字。而且不能动原站——登录、回帖、浏览器返回都得走原来的流程，换台电脑打开还是 NGA 本身。油猴脚本正好满足这一切：它只改「怎么显示」，不碰「数据从哪来」。
它长什么样
先看 PC 端。左边是板块列表，每张卡片的封面直接取楼主首帖的第一张正文贴图，标签和标题放在图片下方；右边是阅读视图，首楼排成左图右文的笔记：
| PC 列表 | PC 阅读 |
|---|---|
 |
 |
再看手机端。列表是双列瀑布流，按标题长度自然错落；阅读时图集可以横向滑动，往下是标题和正文：
怎么装
前置准备
浏览器装好以下任一用户脚本管理器：
一键安装
安装完成后打开或刷新任意 NGA 页面（板块列表、帖子正文都行）即刻生效。扩展里显示的名字是「阅境 · NGA」。
几个注意事项
| 情况 | 处理办法 |
|---|---|
| Chrome 点了链接没弹安装页 | 进 chrome://extensions，找到 Tampermonkey，打开「开发者模式」和「允许用户脚本」开关 |
| 想锁定某个版本 | 去 Releases 下载对应 .user.js 附件，或到 dist 分支 取历史归档 |
| 装过其他 NGA 美化脚本 | 先关掉，别和阅境同时开启，容易打架 |
日常怎么用
装好之后，下面这些就是全部的日常操作了，不需要任何额外配置。
刷列表
- 打开板块页就是卡片列表，往下滑到接近底部自动追加下一页，不想等自动加载也可以点「加载下一页」。
- 搜索和热议、收藏筛选在列表顶部，筛选会覆盖所有已加载的内容。
- 页面在顶端时继续下拉一段距离，看到「松开刷新」再松手，列表立刻更新。短距离拖拽、横向滑动都不会误触。
- 平时不用手动刷新：列表默认约每 10 秒在后台静默同步一次，新帖子追加到末尾，你当前看到的顺序和位置不会被搅乱。
- 点进帖子再退出来，列表会精准回到你原来的位置——这个是我自己用得最频繁的，刷到一半去看某张图，回来不用重新找。
- 封面自动登记楼主首帖的第一张正文贴图（表情和引用里的图不算），正文折叠块、表格里的贴图也能识别。
读帖子
- 点一张卡片，帖子在后台平滑加载，就绪后才切换阅读视图；等不及可以直接取消或打开原页。
- 首楼排成图文笔记：桌面端左图右文，手机端图集横滑。图片、标题、正文按阅读顺序排下来。
- 评论逐页按需加载，读到哪里取到哪里，不是整版一次性砸进来。翻到最后一页会直接告诉你「已经到底了」。
- 楼层号、回复和引用链接全部保留：点「原楼」优先跳到已加载的楼层，没加载的会按需把那一页取回来再定位。多重引用、跨页引用保留各自楼层关系，不会瞎归并。
- 正文超链接做了清理：NGA 自动生成的警告框、悬停网址提示和装饰括号都没了，只留链接名和真实地址；外链会标出新窗口标识。
- 正文图片点一下进大图查看器：方向键翻图、Esc 关闭，右上角有原图入口，想看糊图细节点原图就行。
- 回复和回帖入口都还在：每层保留紧凑的回复、引用按钮，点击会跳到原站发帖页走原版登录校验——阅境不碰发帖流程。
- 回复帖子、跳到评论、回到顶部这些操作收进了设置抽屉，界面上不留一条固定底部栏挡着正文。
调外观
入口有两个：右上角菜单里的「阅读设置」，或者右下角的浮动按钮（手机端在底部）。面板不遮页面，调的同时页面照常滚动、实时预览，满意了随手一划就关掉。
| 设置项 | 范围 / 选项 |
|---|---|
| 字号 | 85% – 140%，拖动即时生效 |
| 排版字体 | 系统 / 宋体 / 圆润字体（设备缺字体自动回退） |
| 配色 | 明亮 / 暖纸 / 深色 |
| 手机列数 | 单列 / 双列 |
| 平滑跳转 | 关闭后恢复原生打开方式 |
| 列表自动刷新 | 默认开启，约 10 秒一轮；关闭后变成手动「更新列表」按钮 |
设置保存在浏览器本地，下次打开还是你习惯的样子。
收藏与缓存
- 卡片上点一下 ♡ 就收藏，列表顶部的「收藏」筛选随时捞回来。
- 设置面板里有缓存管理器：能看本地占了多少空间、调帖子缓存上限（默认 500 帖）、一键清理。清理不会动你的收藏和阅读偏好。
- 实际效果是：读过的帖子下次打开秒出正文，网络差的时候缓存过的内容照样能看。缓存的帖子如果 7 天没再访问会自动清掉，不用你操心。
顺便看看作者
点帖子作者、头像，或者你自己的账号，会弹出一张资料卡：注册时间、等级、威望、发帖数、财富，一目了然，不用再点进个人资料页来回跳转。
手机端体验与兼容状态
手机端用的是网页自身的滚动：下滑收起阅读顶栏、上滑恢复，把屏幕让给正文。列表到帖子是正常页面跳转，浏览器原生返回键就能回到列表原位，不用找页面上的返回按钮。
手机端同样完美支持！Android 端可以用 Edge（已支持安装扩展插件）、Kiwi 或 Firefox Mobile 装上 Tampermonkey / 暴力猴，再装阅境；iOS 端用 Safari 配合 Stay 或 Userscripts 扩展直接加载。我现在的日常场景就是晚上窝在被窝里用 iPhone Safari 刷 NGA 复盘帖，瀑布流滑动、图集横滑、返回原位一路丝滑。
| 环境 | 状态 |
|---|---|
| macOS / Linux / Windows 的 Chrome / Edge / Brave + Tampermonkey 5.5+ | 真机实测通过 |
| Android：Edge / Kiwi / Firefox Mobile + Tampermonkey / 暴力猴 | 真机实测通过 |
| iOS：Safari + Stay / Userscripts | 真机实测通过 |
已知的取舍
- 大卡片不是万金油：瀑布流对图文丰富的板块（贴图、写真、生活区）沉浸感很好，但纯文字讨论区会降低首屏信息密度。所以后续版本计划加一个紧凑文字列表视图，自由切换。
- 演示视频还在路上：列表滚动 → 点击开帖 → 逐页阅读 → 原位置返回的 13 秒实录，重新上传后会放在 issue #1。
- 过渡的边界：普通左键点击已适配链接才会开启阅读过渡；外链、Ctrl / Cmd 点击、下载链接都保持浏览器原有处理，浏览器返回也走原站流程。
技术上浅聊两句
按惯例只讲三句话，细节都放在仓库文档里了：
- 纯前端油猴脚本：阅境只在原页面已加载的内容之上做重排，不伪造 history、不做全站 AJAX 替换。登录、回复、返回全部沿用原站流程，这也是「不动原站」这条底线的实现方式。
- 本地缓存走 IndexedDB：帖子正文、回复页、收藏关系分表存放；图片不落库，只记地址，交给浏览器 HTTP 缓存复用。所以整个项目没有任何服务器。
- 适配器架构：NGA 只是第一个适配器，「阅境」这个名字的本意是为不同网站分别打造舒适的阅读界面，加一个网站就是加一个适配器。
想看的可以看仓库的 功能与行为细节、架构说明 和 开发指南。
入口汇总
| 入口 | 地址 |
|---|---|
| 源码仓库 | corvofeng/readscape |
| 一键安装 | readscape-nga.user.js（自动更新版） |
| 固定版本 | Releases |
| 演示视频 | issue #1 |
如果你也嫌 NGA 的界面碍眼，装上花十分钟刷刷看，不喜欢卸掉就是了——这就是油猴脚本的好处。至于下一个想适配的网站，欢迎去 issue 里点单。