原生App中嵌套 H5, H5不能使用缓存问题

最新推荐文章于 2024-08-06 09:51:20 发布
最新推荐文章于 2024-08-06 09:51:20 发布
阅读量2.1k 收藏 2
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_24343389/article/details/104647105
版权
在原生安卓App中嵌套H5时遇到缓存无法使用的错误：Cannotreadproperty'getItem'ofnull。通过设置WebView开启DOM缓存，解决H5缓存问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原生安卓 App中嵌套 H5, H5不能使用缓存报一下提示：

Cannot read property 'getItem' of null

通过webView 设置开启缓存

WebSettings settings = newWebView.getSettings();
settings.setDomStorageEnabled(true);//开启缓存

 

Android webview解决JS报错chromium: [INFO:CONSOLE(1)] "Uncaught TypeError: Cannot read property 'getItem'
Flutter|Android移动开发
07-04 2万+
Android webview解决JS报错chromium: [INFO:CONSOLE(1)] “Uncaught TypeError: Cannot read property ‘getItem’ of null”这两天做了一个全是H5网页的，加个壳的APP，突然遇到一个JS报错问题， 一直报错，网页加载不出来，报错信息如下：chromium: [INFO:CONSOLE(1)] "Uncau
移动端H5缓存问题
最新发布
kelly0721的博客
01-15 1553
分析移动端页面缓存问题
解决小程序内嵌 H5 的缓存问题
小哥的技术博客
12-19 3754
大家都知道，微信小程序的 web-view 组件缓存无法手动清除，导致前端发布了最新的页面，而小程序里仍然是以前的页面。这样会带来许多问题，如前后端的数据不一致，新的特性无法及时起作用，修改的问题没有得到解决等等。 在本场 Chat 中，会讲到如下内容： 以 Vue 项目为实例，讲述怎么用路劲变更的方式，做到前端版本的实时刷新。其中涉及到 Nginx 的配置、小程序的同步接口调用、Vue 项目的打...
移动端H5页面的缓存问题
风清扬的专栏
07-03 5187
使用 HTTP 缓存头控制缓存: 可以使用 HTTP 头中的 "Cache-Control", "Expires" 或 "Last-Modified" 来控制浏览器缓存。当 H5 页面更新部署到 Nginx 服务器后，浏览器访问时可能出现空白页面，这是因为浏览器使用了缓存，导致页面加载的不是最新版本。前端页面缓存问题是指页面的静态资源（如图片、JS 和 CSS 文件）在浏览器中被缓存后，导致页面不能正确地更新或者加载最新的内容。清除浏览器缓存: 手动清除浏览器缓存，或者在浏览器中清除整站缓存。
android h5游戏图片不缓存,H5小游戏资源缓存方法与流程
weixin_35693014的博客
05-28 743
本发明涉及H5资源缓存领域，尤其涉及H5小游戏资源缓存方法。背景技术：随着移动互联网的发展和手机硬件性能的不断提升，H5小游戏这种不需要下载安装即可使用的全新游戏应用得到了爆发式发展。这种用完即走的方式充分节省了用户的手机空间。但是，随着H5小游戏美术品质的提升，用到的各种游戏资源越来眼都花了多，从而导致用户加载资源的时间变长，游戏卡顿和闪退率变高，游戏业务逻辑变化会频繁加载释放资源，手机流量消耗...
android webview与H5混合开发，webview自定义缓存
飞在升级中
01-11 6558
公司开发的一个项目为Android+H5混合开发，虽然开发量对于原生来说不大，但是针对于H5与android结合的各种坑让初次接手这种开发模式的新手简直不可描述可怜，同样的功能在iOS上面运行的好好的，在Android上面各种问题，这种适配简直烦到极点，真的想竖起中指对着天空大喊一声   太阳你大爷。。。发火废话就不说了，下面记录开发中遇到的一些问题，新手第一次写博文，写的不好不对的地方敬请指教，...
h5网页嵌套安卓苹果APP内 微信内打开H5等 遇到的各种适配问题与解决方案汇总 --持续更新
Beatingworldline的博客
08-06 1496
在站外拉起APP 可以用UniversalLinks。在站外拉起APP 可以用scheme协议。微信内可以借用友盟封装uslink实现。微信内可以借用应用宝实现。
C# Android 嵌套H5网页 Android端外壳
08-19
4. **WebView配置**：在Android应用中使用WebView时，可能需要进行一些配置，如设置JavaScript支持、开启硬件加速、处理点击链接等。在C#代码中，这些配置可以通过WebView的属性和方法来实现，例如`WebView.Settings...
android h5 离线缓存,H5 应用程序缓存(离线缓存)
weixin_29421409的博客
05-27 1147
离线缓存这个功能的实现有以下步骤：1,以nginx做web服务器为例，在mime.types文件中添加一行：text/cache-manifest manifest,作用是为了让服务器识别该类型文件2,在html文件html标签中添加一行manifest="cache.appcache",告诉浏览器要加载的内容。3.在该目录下新建一个文件cache.appcache，文件内容为：chche...
app中加载h5页面白屏问题
热门推荐
huangwensu的博客
07-30 1万+
一.问题描述：通过原生检查日志在网络不好的情况下，由于vue打包后的第三方js包加载失败导致h5页面白屏。 二.解决方案： 1.减少第三方依赖：在package.json中把不需要的包删除。 2.组件化：项目中将能复用的部分组件化。 3.webpack实现vue代码分隔和懒加载：路由懒加载和组件按需加载。 (1).路由懒加载 // r就是resolve const list ...
android html5 webview 缓存,app内嵌H5 webview 本地缓存问题的解决
weixin_36339470的博客
05-26 1637
前文APP内嵌H5已经很普遍了，但是每个app提供的webview表现都不太一样，在开发中遇到了一个非常棘手的缓存问题。APP启动时加载了我们商城项目的H5代码，然后把index.html文件缓存到了本地。记录一下问题表现H5项目打包上线后，由于静态资源js和css文件名后面都带了哈希值，这是webpack打包带上的，也是为了=防止缓存。但是在app启动后由于缓存了html请求的还是上个版本包的静...
[android] 让原声android嵌入H5 支持localStorage
weixin_30845171的博客
12-29 273
最近在做一款嵌入原生Android H5游戏.写完在Run app后发现报错,错误指向的是localStorage.setItem 　　　　　　　　 　　　　WebView browser=(WebView)findViewById(R.id.Toweb); 　　　　/***打开本地缓存提供JS调用**/ browser.getSettings().setDom...
App webview打开h5页面，并进行数据交互，解决页面缓存问题
weixin_50408263的博客
06-29 1684
直接把h5页面嵌入到app中使用，并通过webview message属性接收h5页面传回来的参数。但是在实现过成功出现了问题，携带参数的验证偶尔会出现验证不通过的情况，经过排查怀疑是页面缓存的问题。在做app的时候，发现同样的功能页面，h5端已经有了，这样就没有必要进行重复的页面开发。给webview 跳转url 上带一个时间戳参数，使浏览器打开url每一个都是不同的。
解决嵌套在小程序中h5页面的缓存问题
h_el_lo的博客
05-16 5535
针对微信小程序中嵌套的web-view页面缓存清除方案 框架技术： vue2 方案一 （1）方案： 动态的给项目中的js和css资源文件加版本号或者时间戳,，在每次更新代码时更新js、css文件名，用户在加载页面时在引入文件名称变化时都会重新请求资源。这样就能实现清除缓存的目的。 （2）实现： 在vue.config.js文件中增加相关配置，在打包时给生成的js和css文件加上时间戳 代码如下： const Timestamp = new Date().getTime() module.exports .
WebView缓存问题
我的专栏
06-14 1924
首先要说的一点是缓存的分类，我们缓存的数据分为：页面缓存和数据缓存 页面缓存：加载一个网页时的html、JS、CSS等页面或者资源数据，这些缓存资源是由于浏览器 的行为而产生，开发者只能通过配置HTTP响应头影响浏览器的行为才能间接地影响到这些缓存数据。 而缓存的索引放在：/data/data//databases对应的文件放在：/data/data/package_name/cache/webviewCacheChromunm下 数据缓存：分为AppCache和DOM Storage两种 我...
解决安卓webview嵌入HTML5页面中的缓存问题_无与伦比_jq_新浪博客
u011023223的专栏
09-06 838
解决方案： mWebView.getSettings().setDomStorageEnabled(true); mWebView.getSettings().setAppCacheMaxSize(1024*1024*8); String appCachePath = getApplicationContext().getCacheDir().getAbsolut...
androidWebview和H5交互localStorage数据存储问题
qq_33073089的博客
02-22 2352
当h5与原生webview交互时，需要实现页面数据存储功能。h5调用localStorage方法，在android 上没反应 ，尼玛坑货！看android webView原生api时才发现：原来打开本地缓存功能默认是禁止的。，需去主动打开一下就行了 webView.getSettings().setDomStorageEnabled(true); String appCachePath = g...
webview html5 缓存,app内嵌H5 webview 本地缓存问题的解决
weixin_28701593的博客
06-22 2744
前文APP内嵌H5已经很普遍了，但是每个app提供的webview表现都不太一样，在开发中遇到了一个非常棘手的缓存问题。APP启动时加载了我们商城项目的H5代码，然后把index.html文件缓存到了本地。记录一下问题表现H5项目打包上线后，由于静态资源js和css文件名后面都带了哈希值，这是webpack打包带上的，也是为了=防止缓存。但是在app启动后由于缓存了html请求的还是上个版本包的静...
排查安卓app中嵌套公司h5页面的线上问题
月色真美121的博客
07-10 528
安卓app中嵌套h5页面免密登录,用户信息缓存问题排查
原生app如何关闭嵌套h5页面
10-08
原生应用中关闭嵌套的H5页面通常需要通过JavaScriptBridge或Native Interface来实现。具体步骤取决于使用的开发框架和技术栈： 1. **Android**: - 使用`Activity`或`Fragment`提供的API，如`finish()`、`overridePendingTransition()` 或者 `WebViewClient` 的`shouldOverrideUrlLoading()` 方法，阻止默认的加载并强制关闭H5页面。 ```java // Java示例 Intent intent = new Intent(this, MainActivity.class); startActivity(intent); webView.loadUrl("about:blank"); // 清空当前URL ``` 2. **iOS (Swift or Objective-C)**: - 在`WKWebView`中，可以监听`WKNavigationDelegate` 的 `navigationDidFinishCommit:` 方法，然后关闭`WKWebView` 或导航到其他界面。 ```swift func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { webView.stopLoading() webView.removeFromSuperview() // 移除视图 } ``` 记得在H5页面内部处理好回调机制，当用户完成操作后通知原生层关闭页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

易航动效

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值