如何让自己网页的 js 手机端打开每次都生效?

2019-03-29 09:47:49 +08:00
 CSGO

我网络上找了个 js 代码:

window.onload = function () { var wifitimecss = new Date().getHours(); if (wifitimecss > 6 && wifitimecss < 18) { document.getElementById("wifitimecss").setAttribute("href", "/index.css") } else { document.getElementById("wifitimecss").setAttribute("href", "/index-night.css") } }

就是根据系统时间,当系统时间处于 18 点到早晨 6 点,会加载一个 index-night.css ,达到夜间模式。 但是今天试了下,pc 都没问题,手机打开,如果是夜间模式期间打开,即使现在 9 点了,打开依然是夜间的 css,只有在隐私模式下打开才会是正常的 css。这是为什么呢?应该如何解决?

1407 次点击
所在节点    问与答
7 条回复
ismumu
2019-03-29 10:23:26 +08:00
setAttribute("href", "/index.css" + Date.now())

嗯,粗暴一点
ismumu
2019-03-29 10:26:06 +08:00
setAttribute("href", "/index.css?t=" + Date.now())
CSGO
2019-03-29 11:19:46 +08:00
@ismumu 这是要加在哪里呢?
CSGO
2019-03-29 11:20:14 +08:00
@ismumu 是代替原本那一段吗?
gftfl
2019-03-29 12:59:16 +08:00
day = new Date()
hr = day.getHours()
if (hr >18 && hr<6) {
document.write("<link rel='stylesheet' type='text/css' href='/index-night.css'/>") } else {
document.write("<link rel='stylesheet' type='text/css' href='/index.css'/>")
}
xingyue
2019-03-29 13:15:41 +08:00
我猜:因为你二次进入页面的时候,onload 事件没触发,pc 上 chrome 貌似根据时间变化会自动重加载一次页面而手机不一定。解决方案是:加一个 window.onfocus = function(){do sth;}
zhtttyecho
2019-03-29 16:45:21 +08:00
缓存?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/549778

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX