‘壹’ wkwebview 怎么设置夜间模式
进入iOS“设置”-“通用”-“辅助功能”,然后选择“反转颜色”。 但是这个颜色,我看着很别扭……
‘贰’ 现在哪些手机浏览器有夜间模式
手机版的UC浏览器就有夜间模式,关于夜间模式和日间模式的切换步骤如下:
打开手机版的UC浏览器,点击底部中间的菜单
点击菜单后有个夜间模式点击后切换到夜间模式
如果在夜间模式,同样操作便切换到日间模式
详细步骤见截图:
‘叁’ UC浏览器有什么功能
第一:夜间模式。
壳浏览器呢,要实现夜间模式,只能采用javascript脚本来实现。这个脚本目的是更改页面的全部的css样式为黑色。
要实现这点,首先要加载页面,然后插入脚本,更改css的颜色为黑色。
这个过程,采用脚本方式比较慢,另外一个,不是所有的颜色能更改。有时候还会出现闪白等问题。
而uc浏览器在这方面做得很深入。
第二:预读功能。
壳浏览器,要实现预读功能,则需要通过javascript脚本来判断页面上有没有“下一页”。这需要等待页面加载完成之后才能执行预读的javascript脚本。而uc呢,则可以在构建dom树的时候就可以开启预读。
这个小小的时间差异,使得uc的预读是比较及时。
假如页面很大,需要很长时间才能加载完,才能执行预读。这时候差距就会出来了。
第三:阅读模式。所有的壳浏览器的阅读模式都是采用readibilitiy.js的脚本来实现,或者采用正则表达式来实现,就是hardcode一些网站,那些东西是标题,那些东西是正文。
只能这些网站。如果超出这些白名单,则无法处理了。
而uc在这方面做得很深入,不需要白名单。
第四:省流量。
多数的省流量实现走google转码或者网络转码,实现的方式就是输入一个url,然后google转码返回一个简化之后的html文本。这个文本其实是wap2.0而已。输出的还是html文本。而uc的省浏量是真正的对每一个html元素都进行节省。这样出来的省浏览器,实际上是可以高达90%的。
在这方面,唯一类似的operamini功能。
第五:单手操作。
uc是唯一把单手操作作为must-have必备考虑的。
所以看起来,uc的多标签功能好像很丑陋似的,为何不像pc那样的多标签的。而采用的是菜单式的多标签。
就是因为单手操作。就是希望你,在公交车上,在地铁上,当你一手扶着栏杆的时候,另一个手还可以操作uc。
虽然,很多情况下,你可能你是坐在位置上,双手是解放的。但uc依然会考虑你,在单手情况下该怎么办。
虽然很多情况下,你是用wifi的。但是uc会考虑你在野外的时候,没有wifi的时候怎么使用uc。在野外的时候,当你非常需要用网络搜索东西时候,而你却搜索不了的时候,想想,再漂亮的浏览器,又有何用。
第六:复制,你会发现自由复制是跟壳浏览器很大不同的。
‘肆’ 小程序皮肤功能——夜间模式
老规矩,先上效果图
个人对夜间模式这个功能情有独钟
晚上黑灯瞎火的看手机,屏幕亮度就算调到最低依然很是刺眼呀
所以我一直用某浏览器,因为有夜间模式
言归正传,依然是分析功能点
1.点击按钮,切换一套css(这个功能很简单)
2.把皮肤设置保存到全局变量,在访问其它页面时也能有效果
3.把设置保存到本地,退出应用再进来时,依然加载上次设置的皮肤
先从切换开始吧,switch很少用,还是贴一下吧
按钮功能OK了,现在我们去写样式
像这种黑的风格的皮肤,大背景色用#000
小背景用#333,文字用#999吧,我也懒得用取色器了
既然需要一套皮肤,那我们就去文件夹外面写一个样式文件
就新建一个skin目录,下面写一个dark.wxss吧
然后呢
我们把普通模式下的wxss复制一份,贴进来
把和颜色有关的属性留下来,其它删除
像background呀,border,color等。。其它统统不要
最后发现就剩这么点了。。
大家发现,我这些样式名称都有dark-box
这个dark-box就是最外面,也是最大的盒子(除了默认的page哈)
my-box是普通模式,dark-box就是夜间模式
当然你也可以在写一个皮肤样式,黄、红、蓝。。。
现在这个写法,我们只用控制变量 skinStyle的值就能改变皮肤样式了
我们还能写个blue-box的皮肤,然后设置变量为skinStyle为blue就行了
还有关键一步,在wxss文件中把这个皮肤文件引入要显示的页面
接下来第二步,这就简单了。。
设置到全局变量嘛,先getApp(),然后传过去就行了
现在在访问其它页面的时候,dark皮肤也会传进去
我只写了一个页面哈,所以只有这个页面会有变化
现在第三步了,保存到localstroge中
完了吗?并没有。。
我们要在程序打开时就获取皮肤设置
所以要在app.js去get与皮肤相关的信息
现在我们设置黑色皮肤,然后退出,进去之后不是黑色
因为我们在页面加载时没设置
现在再来看看
结果按钮的状态是关闭,皮肤却是开着
因为开关重置了
这个就交给大家自己解决啦,启动时判断一下就OK啦
需要源码的话我再上传吧
‘伍’ UC浏览器有什么功能
第一:夜间模式。 壳浏览器呢,要实现夜间模式,只能采用javascript脚本来实现。这个脚本目的是更改页面的全部的css样式为黑色。 要实现这点,首先要加载页面,然后插入脚本,更改css的颜色为黑色。 这个过程,采用脚本方式比较慢,另外一个,不是所有的颜色能更改。有时候还会出现闪白等问题。 而UC浏览器在这方面做得很深入。
第二:预读功能。 壳浏览器,要实现预读功能,则需要通过javascript脚本来判断页面上有没有“下一页”。这需要等待页面加载完成之后才能执行预读的javascript脚本。而UC呢,则可以在构建DOM树的时候就可以开启预读。 这个小小的时间差异,使得UC的预读是比较及时。 假如页面很大,需要很长时间才能加载完,才能执行预读。这时候差距就会出来了。
第三:阅读模式。所有的壳浏览器的阅读模式都是采用Readibilitiy.js的脚本来实现,或者采用正则表达式来实现,就是hardcode一些网站,那些东西是标题,那些东西是正文。 只能这些网站。如果超出这些白名单,则无法处理了。 而UC在这方面做得很深入,不需要白名单。
第四:省流量。 多数的省流量实现走google转码或者网络转码,实现的方式就是输入一个url,然后google转码返回一个简化之后的html文本。这个文本其实是wap2.0而已。输出的还是html文本。而UC的省浏量是真正的对每一个html元素都进行节省。这样出来的省浏览器,实际上是可以高达90%的。 在这方面,唯一类似的OperaMini功能。
第五:单手操作。 UC是唯一把单手操作作为must-have必备考虑的。 所以看起来,UC的多标签功能好像很丑陋似的,为何不像PC那样的多标签的。而采用的是菜单式的多标签。 就是因为单手操作。就是希望你,在公交车上,在地铁上,当你一手扶着栏杆的时候,另一个手还可以操作UC。
虽然,很多情况下,你可能你是坐在位置上,双手是解放的。但UC依然会考虑你,在单手情况下该怎么办。
虽然很多情况下,你是用wifi的。但是UC会考虑你在野外的时候,没有wifi的时候怎么使用UC。在野外的时候,当你非常需要用网络搜索东西时候,而你却搜索不了的时候,想想,再漂亮的浏览器,又有何用。
第六:复制,你会发现自由复制是跟壳浏览器很大不同的。
‘陆’ 手机浏览器如何用css注入的方法实现夜间模式
什么叫css注入?
弄个按钮,点击后把网页浅色背景变深色背景,把黑色文字变浅色文字就行了。