1<!DOCTYPE html> 2<html i18n-values="dir:textdirection;"> 3<head> 4 <meta charset="utf-8"> 5 <title>IndexedDB</title> 6 <link rel="stylesheet" href="chrome://resources/css/tabs.css"> 7 <link rel="stylesheet" href="chrome://resources/css/widgets.css"> 8 <link rel="stylesheet" href="indexeddb_internals.css"> 9</head> 10<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> 11 <!-- templates --> 12 <div style="display:none"> 13 <div id="indexeddb-list-template" 14 jsvalues="$partition_path:$this.partition_path"> 15 <div class="indexeddb-summary"> 16 <span>Instances in: </span> 17 <span jscontent="$this.partition_path"></span> 18 <span jscontent="'(' + $this.idbs.length + ')'"></span> 19 </div> 20 <div class="indexeddb-item" jsselect="$this.idbs"> 21 <a class="indexeddb-url" jscontent="url" jsvalues="href:url" 22 target="_blank"></a> 23 <div class="indexeddb-size"> 24 <span>Size:</span> 25 <span jscontent="size"></span> 26 </div> 27 <div class="indexeddb-last-modified"> 28 <span>Last modified:</span> 29 <span jscontent="new Date(last_modified)"></span> 30 </div> 31 <div> 32 <span>Open connections:</span> 33 <span class="connection-count" 34 jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path" 35 jscontent="connection_count"> 36 </div> 37 <div class="indexeddb-last-modified"> 38 <span>Path:</span> 39 <span jscontent="path"></span> 40 </div> 41 <div class="controls"> 42 <a href="#" class="force-close" 43 jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path">Force close</a> 44 <a href="#" class="download" 45 jsvalues=".idb_origin_url:url;.idb_partition_path:$partition_path">Download</a> 46 <span class="download-status" style="display: none">Loading...</span> 47 </div> 48 <div class="indexeddb-database" jsselect="$this.databases"> 49 50 <span>Open database:</span> 51 <span jscontent="name"></span> 52 53 <div> 54 <span>Connections:</span> 55 56 <span class="indexeddb-connection-count" 57 jsdisplay="connection_count"> 58 <span>open:</span> 59 <span jscontent="connection_count"></span> 60 </span> 61 62 <span class="indexeddb-connection-count pending" 63 jsdisplay="pending_opens"> 64 <span>pending opens:</span> 65 <span jscontent="pending_opens"></span> 66 </span> 67 68 <span class="indexeddb-connection-count pending" 69 jsdisplay="pending_upgrades"> 70 <span>pending upgrades:</span> 71 <span jscontent="pending_upgrades"></span> 72 </span> 73 74 <span class="indexeddb-connection-count pending" 75 jsdisplay="running_upgrades"> 76 <span>running upgrades:</span> 77 <span jscontent="running_upgrades"></span> 78 </span> 79 80 <span class="indexeddb-connection-count pending" 81 jsdisplay="pending_deletes"> 82 <span>pending deletes:</span> 83 <span jscontent="pending_deletes"></span> 84 </span> 85 86 </div> 87 <div jsdisplay="$this.transactions && 88 $this.transactions.length"> 89 <span>Transactions:</span> 90 91 <table class="indexeddb-transaction-list"> 92 <tbody> 93 <tr> 94 <th title="Process ID of the tab or SharedWorker that created the transaction"> 95 Process ID 96 </th> 97 <th title="Transaction ID (unique within Process)"> 98 ID 99 </th> 100 <th title="Type of transaction"> 101 Mode 102 </th> 103 <th title="Names of object stores used by the transaction"> 104 Scope 105 </th> 106 <th title="Number of requests that have been executed"> 107 Completed Requests 108 </th> 109 <th title="Number of requests that have not yet been executed"> 110 Pending Requests 111 </th> 112 <th title="Time since transaction creation"> 113 Age (ms) 114 </th> 115 <th title="Time since transaction started"> 116 Runtime (ms) 117 </th> 118 <th title="Status in the transaction queue"> 119 Status 120 </th> 121 </tr> 122 <tr class="indexeddb-transaction" 123 jsselect="$this.transactions" 124 jseval="this.classList.add($this.status)"> 125 126 <td class="indexeddb-transaction-pid" 127 jscontent="pid"> 128 </td> 129 130 <td class="indexeddb-transaction-tid" 131 jscontent="tid"> 132 </td> 133 134 <td class="indexeddb-transaction-mode" 135 jscontent="mode"> 136 </td> 137 138 <td class="indexeddb-transaction-scope" 139 jscontent="'[ ' + scope.join(', ') + ' ]'"> 140 </td> 141 142 <td class="indexeddb-transaction-requests-complete" 143 jscontent="tasks_completed"> 144 </td> 145 146 <td class="indexeddb-transaction-requests-pending" 147 jscontent="tasks_scheduled - tasks_completed"> 148 </td> 149 150 <td class="indexeddb-transaction-age" 151 jscontent="Math.round(age)"> 152 </td> 153 154 <td class="indexeddb-transaction-age"> 155 <span jsdisplay="status == 'started' || status == 'running'" 156 jscontent="Math.round(runtime)"> 157 </span> 158 </td> 159 160 <td class="indexeddb-transaction-state" 161 jscontent="status"> 162 </td> 163 </tr> 164 </tbody> 165 </table> 166 </div> 167 </div> 168 </div> 169 </div> 170 </div> 171 <h1>IndexedDB</h1> 172 <div class="content"> 173 <div id="indexeddb-list"> 174 </div> 175 <script src="chrome://resources/js/util.js"></script> 176 <script src="chrome://resources/js/cr.js"></script> 177 <script src="indexeddb_internals.js"></script> 178 <script src="chrome://resources/js/load_time_data.js"></script> 179 <script src="chrome://resources/js/jstemplate_compiled.js"></script> 180 <script src="strings.js"></script> 181 <script src="chrome://resources/js/i18n_template2.js"></script> 182</body> 183</html> 184 185