html 如何实现一条竖线边上有刻度_Android H5交互Webview实现localStorage数据存储

先看看效果图吧……

实现比较简单,但是第一次用可能会遇到一些坑

首先得有Webview控件：

有人问我是不是需要写布局文件，不写行不行，现在我就告诉你们，不写没问题，需要写就写不写直接创建New一个也行。

下面我就介绍一个，我new一个Webview实现localStorage。

上面这些settings是实现localStorage需要的存储条件。其次就是如何实现localStorage本地存储了：其实我在网上搜索了很多比如这样:

这里就会出现很多坑了，当然我也踩过比如你直接将该代码复制到settings下面，直接运行你会发现你存不进去反而出现报错，你会发现提示Window找不到localStorage属性，怎么都存不进去。不是说上面代码写的是错误的，而是这样写的确有问题，因为Webview浏览器并未打开找不到localStorage，所以要想解决这个问题就得先打开Android的Webview浏览器才能找到localStorage。关于上面代码如果想用可以提供一种解决方案，那就是将上面代码写在onPageFinished里：

当然这种写法前提是最外层你得有：mywebView.loadUrl("地址"); 我觉得这样写除非在你已经有路径可写的情况下这样可以，但是没有的话就乖乖的写一个吧，localStorage也写在Html里面。

在javaScript.html文件实现localStorage数据存储：

当然我在这里也写了Js回调，不熟悉的可以参考一下：window.android.getUserKey(localStorage.getItem("userAgent"));

剩下就是如何调用该Html了：

注意：view.loadUrl("javascript:saveData('123')");一定要在onPageFinished之后执行，因为浏览器加载完成这之后才能找到localStorage属性，因为这个是浏览器携带的属性。

当然JS回调我也给你们写出来：

源码可以去博客上面看哦https://blog.csdn.net/xhf_123/article/details/77893645

Android H5交互Webview实现localStorage数据存储blog.csdn.net

更多原创干货分享请去博客阅读，如果有帮助到你，请动动小手点个赞，有疑问可以评论留言哦

html 如何实现一条竖线边上有刻度_Android H5交互Webview实现localStorage数据存储相关推荐

html 如何实现一条竖线边上有刻度_记一次腾讯面试：进程之间究竟有哪些通信方式？如何通信？ ---- 告别死记硬背||CSDN博文精选...
作者:帅地有一次面试的时候,被问到进程之间有哪些通信方式,不过由于之前没深入思考且整理过,说的并不好.想必大家也都知道进程有哪些通信方式,可是我猜很多人都是靠着"背"来记忆的,所 ...
html 如何实现一条竖线边上有刻度_如何用低技术实现高性能
Photo by Kevin Jarrett on Unsplash 撰文 | 吴进远责编 | 夏志坚随着人类工业技术的迅猛发展,人们可以造出许多高性能的工业装备.仪器设备.智能产品等等.不过有不 ...
div和div之间画横线_HTML如何在两个div标签中间画一条竖线
近日在画一个界面的时候,遇到一个需求:在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div(即这条竖线的高度和两个div中较高的一个等高). 往常我们画一条横线直接用标签即可,当画一条竖 ...
div和div之间画横线_HTML在两个div标签中间画一条竖线的方法
HTML在两个div标签中间画一条竖线的方法发布时间:2020-09-14 11:34:51 来源:亿速云阅读:170 作者:小新这篇文章主要介绍HTML在两个div标签中间画一条竖线的方法,文 ...
计算机屏幕上怎么会有条竖杠,电脑屏幕出现一条竖线
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 以Windows10为例,电脑屏幕出现一条竖线有两种可能: 1.屏线松动或者连接插针处氧化等,造成接触不良,可以重新插接屏线: 2 ...
Firebug网络面板里的两条竖线表示什么？
Firebug的网络面板可用来查看网站各个资源的加载时间,以便帮助开发者更有效的提高页面加载速度.在这个面板中,我们会看到一蓝一红两条竖线,这两条竖线各代表什么含义呢? 蓝线表示DOMContentL ...
html一条竖线写法
html一条竖线写法 <div style="float:left;margin-top: 30px;width: 1px;height: 200px; background: dar ...
HTML插入一条竖线
处理方式: 1.图片(略) 2.字符:就跟普通的其他字符一样就可以 eg:| 3.边框:border-left或者border-right 4.背景颜色假如那条竖线是100px的话,使用定位在那个位 ...
css：使用div绘制一条竖线
1.准备一个内容为空的div 2.给div设置宽高,宽度给小一点的值,竖线需要多长,就设置多高 3.只给div设置右边框(或者边框) 最终效果图: 使用div绘制竖线的优点是垂直居中更容易实现,竖线长 ...

html 如何实现一条竖线边上有刻度_Android H5交互Webview实现localStorage数据存储

html 如何实现一条竖线边上有刻度_Android H5交互Webview实现localStorage数据存储相关推荐

最新文章

热门文章

html 如何实现一条竖线边上有 刻度_Android H5交互Webview实现localStorage数据存储

html 如何实现一条竖线边上有 刻度_Android H5交互Webview实现localStorage数据存储相关推荐

最新文章

热门文章

html 如何实现一条竖线边上有刻度_Android H5交互Webview实现localStorage数据存储

html 如何实现一条竖线边上有刻度_Android H5交互Webview实现localStorage数据存储相关推荐