Invalid state Error in Firefox for Indexed Db

Question

I am getting an error when opening an indexedDB database on Firefox. This code works fine in Chrome, but fails in Firefox.

<script type="text/javascript">
  var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;
  var request = indexedDB.open("TestDB", 1);  
</script>

The Javascript error occurs on the line indexedDB.open("TestDB", 1).

Check out https://developer.mozilla.org/en-US/docs/IndexedDB/IDBEnvironment for a good way to check for browser-specific support. — Bartek, Dec 29 '12 at 15:13
I tried the example suggested in this link http://www.html5rocks.com/en/tutorials/indexeddb/todo/ It is also not working for me — JIJIL, Dec 29 '12 at 15:30
have to try restarting FF or clear data? Also try with my library https://bitbucket.org/ytkyaw/ydn-db Just try `db = new ydn.db.Storage("TestDB"); db.count('store name').done(function(x) {console.log(x);});` — Kyaw Tun, Dec 29 '12 at 16:33
did you allow the use of indexeddb when you went the first time to the page? — Kristof Degrave, Dec 30 '12 at 09:10
Same error here on FF 19.0.2; the code works on Chrome but fails on Firefox. The script above reproduces the error. — user2398029, Mar 24 '13 at 01:25
What is the error you get on that rule? More information about the error could explain more... — Kristof Degrave, Mar 28 '13 at 08:14
@KristofDegrave see my answer below, which also explains problems with reproducibility. — user2398029, Mar 29 '13 at 00:12

score 10 · Answer 1 · answered Mar 25 '13 at 00:57

10

In my case, this error was due to privacy settings in Firefox. Setting history settings to "Firefox will: Remember history" in the preferences panel enabled IndexedDB to work.

answered Mar 25 '13 at 00:57

user2398029

6,699
8
48
80

Your solution is more agreeable. Have a look at the limitations section in https://developer.mozilla.org/en-US/docs/IndexedDB/Basic_Concepts_Behind_IndexedDB – Ezhil V Mar 30 '13 at 13:10

score -2 · Answer 2 · answered Mar 25 '13 at 08:06

-2

indexedDB object is method of window instance, so it must be

<script type="text/javascript">
  window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB ||  window.msIndexedDB;
var request = indexedDB.open("TestDB", 1);  
</script>

In you code, indexedDB become a local function. It doesn't work, obviously.

answered Mar 25 '13 at 08:06

Kyaw Tun

12,447
10
56
83

You made it worse. And why would a local function not work? [Functions are first class citizens in javascript](http://stackoverflow.com/a/61094/383793) – Chris Wesseling Mar 30 '13 at 10:21
these API functions (another one is indexedDB.cmp) should bind the owner object instance when invoking them. They are not pure function, although they should be since we are not using any instance variables (from user point of view). But from browser point of view, these function are not pure due to security check, they need to assess owner instance object. – Kyaw Tun Mar 30 '13 at 15:58

Invalid state Error in Firefox for Indexed Db

2 Answers2