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

This topic created in 2403 days ago, the information mentioned may be changed or developed.

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

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

Supplement 1 · Jun 17, 2020

已解决。

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

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

控件

插件

字体

小说

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

zoeliu

Apr 6, 2020 via Android

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

hjsbs

Apr 6, 2020 via Android

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

krixaar

Apr 6, 2020

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

hjsbs

Apr 6, 2020 via Android

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

qingmumu

Apr 6, 2020

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

grimpil

Apr 6, 2020 via Android

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

LittleWhiteMouse

Apr 6, 2020 via Android

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

hjsbs

Apr 6, 2020 via Android

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

hjsbs

Apr 6, 2020 via Android

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

hjsbs

Apr 6, 2020 via Android

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

qingmumu

Apr 6, 2020

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

krixaar

Apr 6, 2020

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

binux

Apr 6, 2020

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

krixaar

Apr 6, 2020

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

hjsbs

Apr 6, 2020 via Android

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

hjsbs

Apr 6, 2020 via Android

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

krixaar

Apr 6, 2020

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

LittleWhiteMouse

Apr 6, 2020

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

LZSZ

Apr 6, 2020

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

qq7790586

Apr 6, 2020

油猴有个小说阅读的脚本

hjsbs

Apr 6, 2020

@qq7790586 油猴是啥？？

qq7790586

Apr 6, 2020

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

hjsbs

Jun 17, 2020

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