首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

chrome.storage.local vs indexeddb

chrome.storage.local和indexedDB是两种用于在浏览器中存储数据的Web API。它们在功能和使用方式上有一些区别。

  1. chrome.storage.local:
    • 概念:chrome.storage.local是Chrome浏览器提供的本地存储API,用于在浏览器中存储和检索数据。
    • 分类:属于浏览器本地存储技术。
    • 优势:
      • 简单易用:使用简单的键值对方式存储数据。
      • 跨越会话:存储的数据在不同的浏览器会话中仍然可用。
      • 同步访问:可以在多个页面或扩展程序中同步访问存储的数据。
    • 应用场景:适用于存储小量的简单数据,如用户设置、扩展程序的状态等。
    • 推荐的腾讯云相关产品:腾讯云无直接相关产品。
  2. indexedDB:
    • 概念:indexedDB是浏览器提供的一个高性能、非关系型、事务型的客户端存储数据库,用于在浏览器中存储结构化数据。
    • 分类:属于浏览器本地存储技术。
    • 优势:
      • 强大的查询能力:支持复杂的索引查询,可以高效地检索数据。
      • 大容量存储:可以存储大量的数据。
      • 事务支持:支持事务操作,保证数据的完整性和一致性。
    • 应用场景:适用于需要存储大量结构化数据,并进行复杂查询的应用,如离线应用、缓存数据等。
    • 推荐的腾讯云相关产品:腾讯云无直接相关产品。

总结:

chrome.storage.local适用于简单的键值对数据存储,适合存储小量的简单数据。indexedDB适用于存储大量结构化数据,并进行复杂查询,适合离线应用、缓存数据等场景。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • indexedDB 基本使用

    来源:党黎明 mr-dang.github.io/javascript/2017/12/09/indexedDB基本使用.html indexedDB 简介: indexedDB 是一种使用浏览器存储大量数据的方法...indexedDB 有以下特点: indexedDB 是 WebSQL 数据库的取代品 indexedDB遵循同源协议(只能访问同域中存储的数据,而不能访问其他域的) API包含异步API和同步API两种...:多数情况下使用异步API; 同步API必须同 WebWorkers 一起使用, 目前没有浏览器支持同步API indexedDB 是事务模式的数据库, 使用 key-value 键值对储存数据 indexedDB...(dbName)方法 window.indexedDB.deleteDatabase(dbName); 八、indexedDB的局限性 以下情况不适合使用IndexedDB 全球多种语言混合存储。...的基本概念-MDN 使用 IndexedDB-MDN IndexedDB API接口-MDN Indexed Database API 2.0 – w3c

    1.6K100

    indexedDB_INDEX函数

    indexedDB介绍 原生介绍 indexedDB 是一个前端数据持久化解决方案(即前端缓存),由浏览器实现。 0. 兼容性 1.特点 基于文件存储。...创建一个数据库 window.indexedDB.open(dbName, version) 示例: const dbRequest = window.indexedDB.open('demo', 1...【因为indexedDB 是异步的,所以它所有的操作都必须建立一个请求(request),请求的结果将被封装在request实例中返回】 如果不存在指定的数据库,则创建数据库,然后连接数据库,返回...看看结果: 更具索引查询记录 objectStore.index(indexName) 示例: const request = window.indexedDB.open('demo', 3);...建立游标 index.openCursor() 移动游标 cursor.continue(); 示例: const request = window.indexedDB.open('demo', 3);

    1K50

    放弃localStorage,拥抱IndexedDB

    所以在这个前提下,我们就可以使用HTML5提供的新API,IndexedDB! IndexedDB 具有以下特点。...key/value的存储方式:IndexedDB和localStorage的存储方式很类似,都是通过一个key对应一个value,而且key是唯一的方式进行存储的,但是indexedDB和localStorage...可以看到大部分主流程的浏览器其实都已经兼容了indexedDB了,那么我们只需要做一些简单的降级就可以了。 如何使用 IndexedDB其实网上有很多教程,可以直接看MDN或者自行Google。...,自动决定使用indexedDB还是localStorage。...总结 indexedDB是完全可以替代localStorage的存在,而且为了以后更加方便的使用indexedDB,让indexedDB的api兼容同步调用,以及更像localStorage的使用,特地封装了一个

    93110

    indexeddb库 ZangoDB的使用

    ZangoDB是一个indexedDB的类MongoDB轻量级接口库,主要是为了更轻松快速的编写indexedDB相关的操作。...关于indexedDB: IndexedDB - MDN Github: ZangoDB 在MDN的推荐中介绍了几款不同的轻量级类库 来简化indexdb的使用,其中dexie.js也是不错的,但是在多条件筛选上并没有支持...数据库 Db 打开和初始化数据库 :Db 在indexedDB环境下,通常数据库的结构是直接写在打开数据库的部分。.../Using_IndexedDB var db; var request = indexedDB.open("MyTestDatabase",2); request.onsuccess = function...IndexedDB: 教导主任先进入x年x班的教室,然后说“全体到操场报道” indexedDB打开仓库(objectStore)涉及的比较多,而ZangoDB就十分简单了: // 这是一个同步操作

    4K30

    本地储存之 Cookie、webStorage、indexedDB

    我们先来通过表格学习下这几种存储方式的区别 特性 Cookie localStorage sessionStorage indexedDB 数据声明周期 一般由服务器生成,可以设置过期时间 除非被清理,...删除某一键名对应的数据: removeItem() localStorage.removeItem('user_name') 清空数据记录:clear() localStorage.clear() #indexedDB...IndexedDB 是一个运行在浏览器上的非关系型数据库。...理论上来说,IndexedDB 是没有存储上限的(一般来说不会小于 250M)。它不仅可以存储字符串,还可以存储二进制数据。...本人用的也不是很多,具体用法可以参考:浏览器数据库 IndexedDB 入门教程 #PWA PWA(Progressive web apps,渐进式 Web 应用)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台

    1K30

    Web 中使用 IndexedDB 实现缓存

    那么 IndexedDB 呢?下面我们开讲~ IndexedDB 是什么 用户需要在本地存储大量的数据以满足离线缓存或者其他操作。...IndexedDB 能够解决什么 那么,IndexedDB 具体能够帮助到我们什么呢?...可概括为一句话:IndexedDB 能够方便、安全且可靠地处理大量数据。 IndexedDB 实现案例 下面我们来实现一个列表增删查改的功能。...也就是图中 table 的数据 增加列表的数据,更新 IndexedDB 中的数据 编辑列表的数据,更新 IndexedDB 中的数据 删除列表的数据,更新 IndexedDB 中的数据 选中列表中的一条数据...参考文章 浏览器数据库 IndexedDB 入门教程 Web Storage API IndexedDB API HTML5 indexedDB前端本地存储数据库实例教程 IndexedDB使用(基本函数封到

    1.3K20

    初识浏览器数据库IndexedDB

    定义 indexedDB是一种使用浏览器存储大量数据的方法.它创造的数据可以被查询,并且可以离线使用....IndexedDB对于那些需要存储大量数据,或者是需要离线使用的程序是非常有效的解决方法. indexedDB也遵从同源协议(same-origin policy)....其简单而言, indexedDB就是一个基于事务操作的key-value型数前端数据库.其API大多是异步的 IndexedDB 是一个基于 JavaScript 的面向对象的事务型数据库。...IndexedDB 很适合存储大量数据,它的 API 是异步调用的。IndexedDB 使用索引存储数据,各种数据库操作放在事务中执行。IndexedDB 甚至还支持简单的数据类型。...对于简单的数据,你应该继续使用 localstorage,但当你希望存储大量数据时,IndexedDB 会明显的更适合,IndexedDB 能提供你更为复杂的查询数据的方式。 特性 键值对储存。

    67930

    javascript 操作浏览器数据库IndexedDB

    前言Indexed Database API 简称 IndexedDB,是浏览器中存储结构化数据的一个方案。IndexedDB 用于代替目前已废弃的 Web SQL Database API。...IndexedDB 背后的思想是创造一套 API,方便 JavaScript 对象的存储和获取,同时也支持查询和搜索。IndexedDB 的设计几乎完全是异步的。...2017 年,新发布的主流浏览器(Chrome、Firefox、Opera、Safari)完全支持 IndexedDB。IE10/11和 Edge 浏览器部分支持 IndexedDB。...数据库IndexedDB 是类似于 MySQL 或 Web SQL Database 的数据库。与传统数据库最大的区别在于,IndexedDB 使用对象存储而不是表格保存数据。...使用 IndexedDB 数据库的第一步是调用 indexedDB.open()方法,并给它传入一个要打开的数据库名称。

    20420

    浏览器数据库 IndexedDB(一) 概述

    IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。...所以,需要一种新的解决方案,这就是 IndexedDB 诞生的背景。...我们可以通过开发者工具查看 IndexedDB 中的存储数据: [查看 IndexedDB 数据] 特点 通俗地说,IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。...就数据库类型而言,IndexedDB 不属于关系型数据库(不支持 SQL 查询语句),更接近 NoSQL 数据库。 IndexedDB 具有以下特点: (1)键值对储存。...例如,页面中一些不常变动的结构化数据,我们就可以使用 IndexedDB 数据库存储在本地,有助于增强页面的交互性能。 总结 这一节主要是认识一下 IndexedDB,后续会进行详细的讲解。

    89110

    浏览器数据库 IndexedDB入门

    所以,需要一种新的解决方案,这就是 IndexedDB 诞生的背景。 通俗地说,IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。...就数据库类型而言,IndexedDB 不属于关系型数据库(不支持 SQL 查询语句),更接近 NoSQL 数据库。 IndexedDB 具有以下特点。 (1)键值对储存。 ...IndexedDB 不仅可以储存字符串,还可以储存二进制数据(ArrayBuffer 对象和 Blob 对象)。 二、基本概念 IndexedDB 是一个比较复杂的 API,涉及不少概念。...3.1 打开数据库 使用 IndexedDB 的第一步是打开数据库,使用indexedDB.open()方法。...如果数据记录里面没有合适作为主键的属性,那么可以让 IndexedDB 自动生成主键。

    60640

    浏览器里的本地数据库:IndexedDB

    IndexedDB 是什么 在现代浏览器的本地存储方案中,indexedDB 是一项重要的能力组成, 它是可以在浏览器端使用的本地数据库,可以存储大量数据,提供接口来查询,还可以建立索引,这些都是其他存储方案...IndexedDB 中有版本概念,这就规定了同一时刻下只有一个版本的数据库存在。 对象仓库:对象仓库 ObjectStore 在 IndexedDB 中对应的是 MYSQL 中的表 Table。...通过简单的对比图来理解 IndexedDB 的概念: ?...快速起步 IndexedDB 在介绍了 IndexedDB 的主要概念之后,可以通过一个简单实用的 CURD 例子来学习在日常开发中我们是怎么使用 IndexedDB 的,各个 API 细节日后可以慢慢深入学习...结束语 在业务开发中,我们都会碰到或多或少的本地存储需求,本文介绍了其中一种存储方案 IndexedDB 的简单实践。就我们的应用场景来看,IndexedDB 的适用面还是很广的。

    1.4K10
    领券