iOS·为WKWebView实现夜间模式切换/网页背景颜色切换功能

热门标签

,

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

场景需求

  • 单例类ThemeConfig的一个BOOL类型的属性isNight决定是否夜间模式。
  • 某设置页面,通过按钮的事件改变该属性isNight的值。
  • WKWebView网页通过注册并实现KVO方法,监听isNight值的变化,以切换网页背景颜色。

拟解决方案

  • 拟解决方案1
[self.myWKWebView setOpaque:NO];
self.myWKWebView.backgroundColor = themeInfo.selectedBackgroundColor;
  • 拟解决方案2
// 改变网页内容背景颜色
[self.myWKWebView evaluateJavaScript:@"document.body.style.backgroundColor=\"#616465\"" completionHandler:nil];
// 改变网页内容文字颜色
[self.myWKWebView evaluateJavaScript:@"document.body.style.webkitTextFillColor=\"#8F999999\"" completionHandler:nil];
  • 拟解决方案3
// 改变网页内容背景颜色
[self.myWKWebView evaluateJavaScript:@"document.getElementsByTagName('body')[0].style.background='#616465'"completionHandler:nil];
// 改变网页内容文字颜色
[self.myWKWebView evaluateJavaScript:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor= '#8F999999'"completionHandler:nil];

实验结果

第三种方案有效

为上述方案找到适当位置

  • 为响应切换颜色的按钮事件,放到事件源方法中去(实现KVO方法监听,或者UIButton添加的事件)
#pragma mark - KVO
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context
{
    //先判断是否应该切换颜色,通过获取单例的isNight判断
    //采用上述拟解决方案3可实现
}
  • 为初次进来能根据历史设置切换颜色,放到网络加载完成的代理方法中,先判断模式,再响应改变颜色。
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
    //先判断是否应该切换颜色,通过获取单例的isNight判断
    //采用上述拟解决方案3可实现
}
标签:

未经允许不得转载:作者:SheaYang, 转载或复制请以 超链接形式 并注明出处 技术Dog|博客
原文地址:《iOS·为WKWebView实现夜间模式切换/网页背景颜色切换功能》 发布于2019-10-10

分享到:
赞(0) 打赏

评论 抢沙发

3 + 3 =


iOS·为WKWebView实现夜间模式切换/网页背景颜色切换功能

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

登录

忘记密码 ?