带有 iOS 8/ Safari 的 IndexedDB

Question

我们有一个测试用例来测试不同浏览器和操作系统的 indexeddb。 这只是简单的测试：

     open database, add some data, retrieve some data

就是这样。它在 Chrome (39)、Firefox（新版本）、带有 OSX 9.5 的 MacBook Pro、基于 Android 的浏览器中完美运行。

当我们在 iOS 8 中尝试使用 Ipad3 时，页面没有做任何事情。而且我们也看不到任何错误。

任何想法，如何解决问题？

我们使用了应该有帮助的 indexeddb.shim.js 文件，但仍然无法正常工作。

 if (!window.indexedDB) {
     window.alert("Your browser doesn't support a stable version of IndexedDB.")
 }

 var request = indexedDB.open("kitta db1");

 request.onupgradeneeded = function() {
       //create Store and etc
 };

 request.onsuccess = function() {
   db = request.result;

 };

iOS 8 中的错误：

类型错误：null不是Object就行了：

 var request = indexedDB.open("kitta db1");

知道如何解决吗？

Answer 1

看起来变量 indexedDB 为空。 polyfill 这样做：

e.indexedDB=e.indexedDB||e.webkitIndexedDB||e.mozIndexedDB||e.oIndexedDB||e.msIndexedDB 

所以它将变量设置为这些值之一。如果这些值都是 undefined/null，则 indexedDB 变量保持为 null。

测试这些变体是否具有值（减去 Microsoft、Opera 和 Mozilla）的简单方法如下：

console.log('indexedDB: ', indexedDB);
console.log('webkitIndexedDB: ', webkitIndexedDB);

如果 webkitIndexedDB 未定义而 indexedDB 未定义，那么 iOS 显然不支持 indexedDB。

一个简单的search on caniuse.com 表示支持iOS8 和iOS8.1 上的indexedDB but buggy。