iOS 14.6 IndexedDB open 不触发回掉函数

在移动端使用一般会使用indexedDB,来缓存数据,来提高用户体验。在之前一直都很正常,但是更新到14.6之后,不正常了。
经多次测试排查,确认是IndexedDB 既没有触发onerror也没有触发onsuccess,导致程序一直在等待。
目前发现很多人都遇到此问题,目前没有很好的解决手段。 只能设置一个超时的时间,时间到了,就当失败处理。

// 类似伪代码
async openDb(){
  return new Promise(resolve => {
  	 const request = indexedDB.open('dbname', 1)
     
     
     
     request.onerror = function(event) {
       resolve({
         success: false,
         event: event
       })
     }

    request.onsuccess = event => {
      resolve({
        success: true,
        db: request.result
      })
    }
    
    setTimeout(() => {
        resolve({
          success: false
        })
      }, 200)
  })
}


const { success, db } = await openDb()
if(success){
//db.add
//db.put
}

上面的代码,是目前权宜之计。只能等待官方出解决方案。

经过实测,升级到iOS 14.7的遇到此问题的概率会小。iOS 15 beta版目前没有这个这个问题。

目前苹果的开发这论坛和其他的论坛都有人反馈这样的问题。
https://developer.apple.com/forums/thread/681201
https://forum.ionicframework.com/t/indexeddb-in-latest-ios/210306

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
`indexedDB.open()` 是 HTML5 中用于打开 IndexedDB 数据库的方法。它的语法如下: ``` const request = window.indexedDB.open(name, version); ``` 其中,`name` 是要打开的数据库的名称,`version` 是数据库的版本号。这个方法会返回一个 IDBRequest 对象,表示打开数据库的请求。 `indexedDB.open()` 方法执行时会检查指定名称的数据库是否存在。如果存在,它会检查数据库的版本号。如果数据库的版本号低于指定的版本号,它会触发 `upgradeneeded` 事件,允许你更新数据库的结构。如果数据库的版本号等于或高于指定的版本号,它会触发 `success` 事件,表示成功打开了数据库连接。 以下是一些常见的 `indexedDB.open()` 方法的用法: 1. 打开一个新的数据库连接: ``` const request = window.indexedDB.open('myDatabase', 1); request.onerror = function(event) { console.log('Database error: ' + event.target.errorCode); }; request.onsuccess = function(event) { const db = event.target.result; // 执行操作... }; ``` 2. 打开一个已经存在的数据库连接: ``` const request = window.indexedDB.open('myDatabase', 1); request.onerror = function(event) { console.log('Database error: ' + event.target.errorCode); }; request.onsuccess = function(event) { const db = event.target.result; // 执行操作... }; request.onupgradeneeded = function(event) { // 更新数据库结构... }; ``` 注意,如果你只希望打开或创建一个新的数据库连接,而不需要更新数据库结构,你可以省略 `onupgradeneeded` 事件处理程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值