indexedDb objectStore.openCursor so slow

Question

インデックスクエリを初めて使用すると時間がかかりすぎます。

使用シナリオ：モバイル使用ウェブビュー。

データがindexedDbに保存された後、初めてページクエリを開くと非常に遅くなります。

クエリコード：

var startTime = new Date().getTime(); 
 
var request = indexedDB.open("yfg"); 
 
request.onerror = function(event) { 
 
\t alert("Why didn't you allow my web app to use IndexedDB?!"); 
 
}; 
 
request.onsuccess = function(event) { 
 
\t var table = []; 
 
\t var db = request.result; 
 
\t var objectStore = db.transaction("table").objectStore("table"); 
 

 
\t //objectStore.openCursor().onsuccess = function(event) { 
 
\t objectStore.openCursor(null,IDBCursor.NEXT).onsuccess = function(event) { 
 
\t \t var cursor = event.target.result; 
 
\t \t if (cursor) { 
 
\t \t \t table.push(cursor.value); 
 
\t \t \t cursor.continue(); 
 
\t \t }else { 
 
\t \t \t //alert("No more entries!"); 
 
\t \t \t console.log(table); 
 
\t \t \t var endTime = new Date().getTime(); 
 
\t \t \t console.log("总耗时：",(endTime-startTime)/1000); 
 
\t \t } 
 
\t }; 
 
};

コンソールで実行し

最初の結果：

第2の結果：

ブラウザのバージョン：

各データの具体的な内容は：

Answer 1

IDBObjectStore.prototype.getAllを使用してみてください：

この表シートは、これらのデータを有しています。 getAllは、あなたがやっているのと同様の配列を生成しますが、関数呼び出しの数はopenCursorより少なくて済みますので、パフォーマンスが向上します。

ただし、openCursorとは異なり、getAllはindexedDBの新しい機能であるため、サポートされない可能性があります。リンクされたページには互換性テーブルが表示されますが、期限切れになっている可能性もあります。