iOS·为WKWebView实现夜间模式切换/网页背景颜色切换功能
iOS·为WKWebView实现夜间模式切换/网页背景颜色切换功能
陈满iOS
发布于 2018-09-10 10:58:17
发布于 2018-09-10 10:58:17
场景需求
- 单例类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可实现
}本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.08.29 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录