［前端］小说在线阅读网站的字体背景设置是怎么弄的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1726 天前的主题，其中的信息可能已经有所发展或是发生改变。

是一个插件控件吗？还是什么？想弄到自己博客上去

https://i.loli.net/2020/04/06/8m7HKnVP4RG2JBx.jpg

第 1 条附言 · 2020-06-17 23:24:16 +08:00

已解决。

网站预览： https://mathgod.github.io/web-reading-settings-plugin/

github 地址： https://github.com/MathGod/web-reading-settings-plugin

控件

插件

字体

小说

23 条回复 • 2020-06-17 23:18:57 +08:00

zoeliu

2020-04-06 08:19:42 +08:00 via Android

CSS
backgroud-color:white;
去 MDN 看一下 CSS 文档

hjsbs

2020-04-06 08:29:55 +08:00 via Android

有没有办法直接弄到自己网站去

krixaar

2020-04-06 08:37:37 +08:00

这问题其实挺纠结，完全不懂 JS/CSS 的，解释不清楚，稍微懂点 JS/CSS 的，不会问这个问题……
这是最基础的监听事件 /增加移除 CSS 类： https://www.w3schools.com/howto/howto_js_toggle_class.asp

hjsbs

2020-04-06 08:40:46 +08:00 via Android

@krixaar cssjs 肯定懂呀但是不想一步步造轮子应该有插几个 jscss 代码就实现的方法

qingmumu

2020-04-06 08:42:11 +08:00

js 里加
function changebackgroud (){
var a = document.getElementById('背景元素 id');
a.style.backgroud-color = '指定背景颜色';
}
按钮加
onclick="changebackgroud ()"

grimpil

2020-04-06 08:47:39 +08:00 via Android

几行代码就能实现的功能也好意思叫做轮子？楼主你不是懒就是不会弄吧

LittleWhiteMouse

2020-04-06 08:47:48 +08:00 via Android

@hjsbs 这个轮子实在太小点，每个按钮对应一句代码吧……

hjsbs

2020-04-06 08:48:07 +08:00 via Android

@qingmumu 翻页或者刷新怎样保持设置？

hjsbs

2020-04-06 08:49:41 +08:00 via Android

@LittleWhiteMouse 很多细节问题的吧翻页刷新保持

hjsbs

2020-04-06 08:51:23 +08:00 via Android

@grimpil 别人成百上千行造的轮子我几行就引用了的意思

qingmumu

2020-04-06 08:53:03 +08:00

@qingmumu #5 普通用户写到 cookie，注册用户写到数据库，加载的时候判断执行嘛

krixaar

2020-04-06 08:53:06 +08:00

@hjsbs
解决方案 1：不翻页，即无限滚动（ infinite scroll ）
解决方案 2：url 添加参数区分
解决方案 3：cookies/localstorage

binux

2020-04-06 08:54:24 +08:00

@hjsbs #10 不是。 #6 就是字面意思，完整实现就是几行代码。

krixaar

2020-04-06 08:55:01 +08:00

@hjsbs #10
无论什么轮子，只要基于 css 类，你或多或少需要修改代码或者页面结构，这不是随随便便给 body 加个类就一定能解决的问题。
对于这个简单问题，有改页面和代码的时间，自己就写出来了。

hjsbs

2020-04-06 08:56:01 +08:00 via Android

@qingmumu
@krixaar 好的应该弄 cookies 合适点

hjsbs

2020-04-06 09:06:13 +08:00 via Android

@krixaar 你看这个 https://darkmodejs.learn.uno/直接插几行 js 代码就搞定背景我想再找个像这样几行代码就能改变字体的只插几行代码不动网站其他内容

krixaar

2020-04-06 09:27:22 +08:00

@hjsbs https://darkmodejs.learn.uno/#override-style 人家这个页面都告诉你怎么 override 了，你照抄加个 font-family 不就完事了吗？

LittleWhiteMouse

2020-04-06 09:36:31 +08:00

@hjsbs #9 读写一下 localstorage 搞定，再增加几句也就够了

LZSZ

2020-04-06 10:07:24 +08:00

不懂纯 css 行不行但是 js+css 绝对可以

qq7790586

2020-04-06 11:11:14 +08:00

油猴有个小说阅读的脚本

hjsbs

2020-04-06 11:29:03 +08:00

@qq7790586 油猴是啥？？

qq7790586

2020-04-06 11:31:41 +08:00

@hjsbs #21 chrome 插件，这是油猴脚本地址： https://greasyfork.org/zh-CN/scripts/292-my-novel-reader

hjsbs

2020-06-17 23:18:57 +08:00

预览： https://mathgod.github.io/web-reading-settings-plugin/ github 地址： https://github.com/MathGod/web-reading-settings-plugin