Test IDE

HTML

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript">
    function init() {
      var req = indexedDB.open("SandboxDemoDB", 1);
      req.onupgradeneeded = function(e) {
        var db = e.target.result;
        if (!db.objectStoreNames.contains("Logs")) {
          db.createObjectStore("Logs", { keyPath: "id", autoIncrement: true });
        }
      };
      req.onsuccess = function(e) {
        var db = e.target.result;
        var tx = db.transaction("Logs", "readwrite");
        var store = tx.objectStore("Logs");
        store.put({ id: 1, message: "System initialized", code: 200 });
        store.put({ id: 2, message: "User session created", code: 201 });
        tx.oncomplete = function() {
          db.close();
          // Ειδοποίηση προς το Sandbox ότι γράψαμε στην IndexedDB
          window.parent.postMessage({ type: "DATA_READY" }, "*");
        };
      };
    }
function des(){
    document.body.style.background="red";
    console.log("deikse kati sthn console");
    init();
}
  </script>
</head>
<body>
    <button onclick="des()">Des</button>
  <h3>Running user app inside Sandbox srcdoc!</h3>
  <p>IndexedDB has been updated.</p>
</body>
</html>

Reset/Delete ALL IndexedDB stores on next RUN

Console Output

Console initialized...

console Executor

Preview

IndexedDB View

Connecting port...

HTML RUN CODE

Console Output

console Executor

Preview

IndexedDB View

HTML