您的位置:首页 > 移动开发

通过WebView向html页面注入js代码,实现WebView切换白昼模式/夜间模式

2017-10-24 17:33 856 查看
入职的第一天,项目遇到一些技术难题,负责人就说,你懂一些h5,你看看怎么解决webview白昼/夜间模式。然后查了一些资料,找了一些思路;总结下来;

场景:新闻类APP,通过WebView加载html页面,实现白昼/夜间模式。

思路:

方式一:如果html页面是自己写的,那么直接在h5中加入js代码(改变背景和字体颜色),然后用原生android调用js。即native和js互调;这个比较简单,实现代码网上一大堆;但是有个局限,用第三方的新闻类h5页面,没办法这么干;

方式二:通过WebView向html页面注入js代码;核心就在如何向h5页面注入js代码;这种方式既能满足自己的h5页面也能满足第三方的;

原理就是这样,我也废话,太浪费时间。直接上Demo,注释很全;

需要注意:Demo中



1.为自己写的一个html页面,2中的hello.png,是html页面加载的图片;html文件不需要生产R文件,所以应当放在assets目录下;

apk目录下有Demo的apk。

Demo下载地址:http://download.csdn.net/download/kern_/10038083

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

效果如视频:  哎,传不了视频。



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  webview javascript native