在Miniflux中自定义Javascript代码,让墨水屏看RSS更舒适
最近买个一个kindle scribe,除了看书外,也想看看新闻资讯,于是在网上找到一篇快速搭建 Miniflux + RSSHub的帖子实现RSS阅读。虽然在电脑上通过浏览器访问RSS极为流畅,但在Kindle上的效果却极不友好,在Kindle浏览器上登录Miniflux看RSS,需要极度容忍墨水屏缓慢滚动屏幕带来的延迟感。
我仔细研究了一下Miniflux,发现可以自定义javascript,觉得可以增加一点js功能,让Kindle阅读RSS类似于看书一样翻页的方式进行。
1. 在顶部点击设置。

2. 在设置的中间部分找到自定义javascript

3.输入以下代码
document.addEventListener('click', function(event) {
const winWidth = window.innerWidth;
const winHeight = window.innerHeight;
const clickX = event.clientX;
const clickY = event.clientY;
// 定义区域边界
const leftBoundary = winWidth / 3; // 左侧1/3边界
const rightBoundary = winWidth * 2/3; // 右侧1/3边界
const topBoundary = winHeight / 5; // 顶部1/5边界
// 优先判断顶部区域
if (clickY < topBoundary) {
// 检查点击目标是否为链接
const target = event.target;
if (target.tagName === 'A' || target.closest('a')) {
// 如果是链接,不阻止默认行为,让浏览器正常跳转
return;
} else {
// 如果不是链接,跳转到首页
window.location.href = "这个地方需要修改为自己的miniflux首页地址";
return; // 跳转后终止后续逻辑
}
}
// 判断左右区域
if (clickX < leftBoundary) {
window.scrollBy(0, -winHeight); // 向上翻页
} else if (clickX > rightBoundary) {
window.scrollBy(0, winHeight); // 向下翻页
}
});
点击更新完成。
4. 效果

5. 注意事项
miniflux 的JavaScript 是整个页面都生效,不仅仅包含内容页,首页、各个源的列表都会生效。因此在自行修改代码后,可能会出现点击设置里面的输入框会自动跳转到首页的问题。建议最后再自定义javascript代码。
作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~
