Android记录24-WebView实现白天/夜间阅读模式

最新推荐文章于 2022-03-30 11:34:27 发布

这个漂亮

最新推荐文章于 2022-03-30 11:34:27 发布

阅读量190

点赞数

本文链接：https://blog.csdn.net/gfjggtf/article/details/84049281

版权

这篇博客介绍了如何使用WebView在Android中实现白天/夜间阅读模式。通过加载html页面，利用Android与JavaScript的交互，调用JavaScript代码改变页面样式，从而达到切换模式的效果。提供了完整的代码示例和下载链接。

摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

前言

本篇博客给大家分享一个WebView的使用案例，实现Android调用JavaScript代码来控制白天/夜间模式。关于WebView如何使用，官网有很好的说明，Building Web Apps in WebView，小巫这里就不多赘述。

实现思路

跟Native应用不一样，我们可以很简单得实现调用系统API来达到，就是通过样式设置主题。如果我们的内容是html里面的内容，如何来达到？首先加载html页面肯定是要用到WebView的，通过loadUrl的方法可以把html页面显示到webView，我们知道Android可以与JavaScript进行交互，就是说可以在JavaScript中调用Android的代码，也可以在Android中调用JavaScript代码，所以就有了一个思路就是，通过Android调用Html页面中的JavaScript代码来控制页面背景和字体样式来达到切换白天/黑夜模式。

如何实现

提供一个供测试的html代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";><html><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <script language=javascript>function load_night() {
         document.bgColor="#000000"    var fontColor = document.getElementById("font");    if (!fontColor) {    return;    }    fontColor.style.color="white"}</script><script language="javascript">    function load_day(){
             document.bgColor="#ffffff"        var fontColor = document.getElementById(