在Miniflux中自定义Javascript代码,让墨水屏看RSS更舒适

2025-01-31 23:32:32 0点赞 0收藏 0评论

最近买个一个kindle scribe,除了看书外,也想看看新闻资讯,于是在网上找到一篇快速搭建 Miniflux + RSSHub的帖子实现RSS阅读。虽然电脑上通过浏览器访问RSS极为流畅,但在Kindle上的效果却极不友好,在Kindle浏览器上登录Miniflux看RSS,需要极度容忍墨水屏缓慢滚动屏幕带来的延迟感。

我仔细研究了一下Miniflux,发现可以自定义javascript,觉得可以增加一点js功能,让Kindle阅读RSS类似于看书一样翻页的方式进行。

1. 在顶部点击设置

在Miniflux中自定义Javascript代码,让墨水屏看RSS更舒适

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

在Miniflux中自定义Javascript代码,让墨水屏看RSS更舒适

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. 效果

在Miniflux中自定义Javascript代码,让墨水屏看RSS更舒适

5. 注意事项

miniflux 的JavaScript 是整个页面都生效,不仅仅包含内容页,首页、各个源的列表都会生效。因此在自行修改代码后,可能会出现点击设置里面的输入框会自动跳转到首页的问题。建议最后再自定义javascript代码。

作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~

展开 收起
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章

charmid

Ta还没有介绍自己

关注 打赏
相关好价
最新文章 热门文章
0
扫一下,分享更方便,购买更轻松