Facebook Messenger Webview可以访问LocalStorage API在客户端存储数据吗？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

native 嵌套 h5(localstorage) 本地存储问题

native 嵌套h5 本地存储问题，按照正常逻辑来说（localStorage、sessionStorage），本是没有任何问题的。...但是 native 嵌套之后，问题就出现了，就是localStorage/sessionStorage 存储值的时候出问题了，都会在native 端报 null，无法使用本地存储，难道是这样吗？...难道不支持吗？瞬间，你会感觉到一大堆的问题都在h5上。...其实是http请求与https请求的问题，https请求，native 权限的事儿，IOS如何设置权限就不知道了， Android webview 如何打开本地存储，提供给JS调用 html5 的lwindow.localStorage...JS端提供本地存储了，但是这个参数需要API>=7使用，也就是android2.1版本以上才可以。

1.2K1 0

【业界】Facebook对收集用户通话和短信数据的言论作出了回应

在浏览Facebook存储的关于他的联系人信息时，Dylan McKay发现了一些令人不安的事情:Facebook也从他的Android手机中获得了大约两年的通话元数据，其中包括姓名、电话号码以及每次通话的时长...该发言人指出，联系人上传是可选的，应用程序的安装明确要求访问联系人的权限。用户可以通过Web浏览器访问，并从他们的个人资料中删除联系人数据。 Facebook使用电话联系数据作为其推荐算法的一部分。...在Android和Facebook Lite设备的Messenger应用程序的最新版本中，向用户提出了更明确的请求，以访问Android和Facebook Lite设备上的通话记录和短信日志。...但是，如果Android应用程序写入早期版本的API，则可以绕过此更改，因此Facebook API可以通过较早的Android SDK继续访问通话和SMS数据。...Google在2017年10月弃用了Android API的4.0版本 – 这是Facebook用户数据中最新的调用元数据被发现的时间点。Apple iOS从未允许“悄无声息”的访问通话数据。

1.8K7 0

您找到你想要的搜索结果了吗？

是的

没有找到

喜大普奔，Gitee最新版本API推出了以gitee作为资源认证服务器的的OAuth2认证

而国内用户使用 gitee 作为第三方应用授权客户端登陆就方便多了。为了构建更好的码云生态环境，gitee 推出了基于OAuth2的API V5版本。...API V5接口使用方式以及Url都参照GitHub，为了各位开发者更好的兼容已经存在的第三方应用。可以说这是国内开发者的一大福音。下面让我们跟随官方文档看看它的具体用法。...API 使用条款 OSCHINA 用户是资源的拥有者，需尊重和保护用户的权益不能在应用中使用 OSCHINA 的名称未经用户允许，不准爬取或存储用户的资源禁止滥用 API，请求频率过快将导致请求终止...Open API 使用用户数据 (6) 当 access_token 过期后（有效期为一天），你可以通过以下 refresh_token 方式重新获取 access_token（ POST请求） https...Open API 使用用户数据创建应用流程 (1) 在修改资料 -> 第三方应用，创建要接入码云的应用。

2.2K2 0

系统设计：即时消息服务

需求让我们设计一个像Facebook Messenger这样的即时消息服务，用户可以通过web和移动界面相互发送文本消息。 1.什么是Facebook Messenger？...Facebook Messenger是一种软件应用程序，它向用户提供基于文本的即时消息服务。Messenger用户可以通过手机和Facebook网站与Facebook好友聊天。...我们需要有一个数据库，可以支持一个非常小的更新率高，也可以快速获取一系列的记录。这是必需的，因为我们需要在数据库中插入大量的小消息，并且在查询时，用户最感兴趣的是按顺序访问这些消息。...消息可以存储在HBase中，它支持快速的小更新，并且范围广泛基于搜索。服务器可以向其他相关用户广播用户的联机状态。客户端可以不太频繁地为在客户端视口中可见的用户获取状态更新。...很难将TCP连接故障转移到其他服务器；一种更简单的方法是在连接丢失时让客户端自动重新连接。我们应该存储用户消息的多个副本吗？

6.5K65 2

H5 缓存机制浅析移动端 Web 加载性能优化

而 localStorage 则持久存在，在页面关闭后也可以使用。...不太适合存储比较复杂或存储空间要求比较大的数据，也不适合存储静态的文件等。在 Android 内嵌 Webview 中，需要通过 Webview 设置接口启用 Dom Storage。...在Android 内嵌 Webview中，需要通过 Webview 设置接口启用 AppCache，同时还要设置缓存文件的存储路径，另外还可以设置缓存的空间大小。...IndexedDB 提供了一组 API，可以进行数据存、取以及遍历。这些 API 都是异步的，操作的结果都是在回调中返回。...File System API 有自己的一些特定的优势：可以满足大块的二进制数据（ large binary blobs）存储需求。可以通过预加载资源文件来提高性能。可以直接编辑文件。

2.7K2 0

关于客户端存储的前端面试题总结

本文首发于前端面试总结——知乎专栏，可以通过点击文章底部的阅读原文来访问知乎地址。 ? 问题列表常用的客户端存储方法有哪些？...如何用原生JS方法来操作cookie 在Hybrid环境下（混合应用），使用客户端存储应该注意哪些？ sessionStorage和localStorage存储的数据类型是什么？...是可以访问的，前提是Cookie的domain设置为".http://baidu.com"，而Storage是不可以的（这个很容易实验，就不细说了）存储大小限制： cookie适合存储少量数据，他的大小限制是个数进行限制...6.sessionStorage和localStorage存储的数据类型是什么？...sessionStorage的访问必须基于会话继承和延续，即只有在当前标签下或当前标签打开的标签下可以访问sessionStorage中的数据，而cookie是可以跨标签进行访问的。

1.4K7 0

移动 H5 首屏秒开优化方案探讨

json 数据的缓存可以用 localStorage 缓存请求下来的数据，可以在首次显示时先用本地数据，再请求更新，这都由前端 JS 控制。...这个更新请求可以客户端自由控制策略，可以在使用本地缓存打开本地页面后再在后台发起请求询问更新缓存，下次打开时生效；也可以在 APP 启动时或某个时机在后台去发起请求预更新，提升用户访问最新代码的几率。...具体实现上，首先可以在配置表注明某个离线包需要预加载的 URL，客户端在 webview 初始化同时发起请求，请求由一个管理器管理，请求完成时缓存结果，然后 webview 在初始化完毕后开始请求刚才预加载的...还可以对离线包做一个线上版本，离线包里的文件在服务端有一一对应的访问地址，在本地没有离线包时，直接访问对应的线上地址，跟传统打开一个在线页面一样，这种体验相对等待下载整个离线包较好，也能保证用户访问到最新...使用客户端接口网路和存储接口如果使用 webkit 的 ajax 和 localStorage 会有不少限制，难以优化，可以在客户端提供这些接口给 JS，客户端可以在网络请求上做像 DNS 预解析/IP

3.8K5 0

Facebook重写iOS版的Messenger，启动速度快2倍，核心代码减少84%

根据使用生产数据的内部测试得出： https://www.facebook.com/Engineering/videos/500081744266613/ 更小更快我们首先假设 Messenger...例如，所有特定于 Facebook 的联网功能都在扩展程序中用 C 编写。重用 UI 在 Messenger 中，我们一些相同的 UI 体验有着多个版本。...但是随着功能的有机增长，每种功能最终都有自己独特的存储、访问数据和实现相关业务逻辑的方式。为了构建一个通用系统，我们从桌面世界中汲取了一个理念。...我们为 SQLite 扩展了存储过程的功能，使 Messenger 功能开发人员可以编写可移植的、面向数据库的业务逻辑，最后，我们构建了一个平台（MSYS）来编排对数据库的所有访问，包括队列更改、延期或可重复执行的任务...原始 Messenger 的客户端 - 服务器交互的工作方式与传统应用是一样的：对于每个功能，客户端都有明确的协议和连接格式，以便客户端同步数据并向服务器更新任何更改。

1K1 0

7个强大的聊天机器人搭建平台

FB Messenger，Kik，Slack，Telegram和WeChat是一些流行的聊天机器人发布平台。聊天机器人发布平台是通过该聊天机器人可以被访问并通过用户使用的培养基。...Chatfuel 即使是没有任何编码知识的人也可以使用Chatfuel在Facebook Messenger上创建自己的机器人。...然后可以在几分钟内部署机器人，用户交互的数据存储在Google表格中，以便您可以实时查看并采取相应措施。 5....我们在不到五分钟的时间内使用Bottr准备好我们的机器人，它会自动从Facebook数据中创建问题。Bottr为您提供了在您的网站上嵌入机器人的选项。...您还可以从媒体，WordPress或Wikipedia添加数据，以获得更好的数据覆盖率。 6.

3.9K3 0

【前端面试题】01—42道常见的HTML5面试题(附答案)

画布（ Canvas）API 地理（ Geolocation）APl 本地离线存储（ localStorage），即长期存储数据，浏览器关闭后数据不丢失。...有以下离线存储localStorage，可长期存储数据，即浏览器关闭后数据不丢失session Storage，数据在浏览器关闭后自动删除， 9、HTML5的form如何关闭自动补全功能？...sessionStorage用于在本地存储一个会话（ session）中的数据，这些数据只有同一个会话中的页面才能访问，当会话结来后，数据也随之销毀。...sessionStorage用于在本地存储一个会话中的数据，这些数据只有同一个会话中的页面才能访问，当会话结束后，数据也随之销毀。...Websql是一个在浏览器客户端的结构关系数据库，是浏览器内的本地 RDBMS（关系型数据库管理系统），可以使用SQL查询。 41、Websql是HTML5的一个规范吗？

6.4K1 0

H5 App实战八：H5 App的离线存储与预加载策略

HTML5标准方案Cookie特点：存储于客户端的文本文件中，用于维持服务端会话状态。由服务端写入，并在后续请求中由服务端读取。使用场景：存储少量会话信息，如用户登录状态。...示例：// 存储数据 localStorage.setItem('key', 'value'); // 读取数据 let value = localStorage.getItem('key');SessionStorage...特点：与LocalStorage类似，但数据在页面会话结束时清除。...预加载资源通过预加载策略，可以在用户需要之前提前加载资源，减少加载时间，提升用户体验。prefetch特点：利用浏览器空闲时间下载或预取用户可能访问的文档。...WebView中进行预加载，在需要时直接展示。

5971 0

微信小程序基础架构浅析

让所有开发者都可以使用到微信的原生能力。...JS-SDK 的不足用户在访问网页的时候，在浏览器开始显示之前都会有一个白屏的过程，在移动端，受限于设备性能和网络速度，白屏会更加明显。...一个小程序存在多个界面，所以渲染层存在多个 WebView 线程；通信：这两个线程的通信会经由微信客户端（下文中也会采用 Native 来代指微信客户端）做中转，逻辑层发送网络请求也经由 Native...不允许开发者直接访问 DOM 不允许开发者随意使用 window 上的某些未知的可能有危险的 API 这样的逻辑层与 UI 层的隔离，加上小程序的审核和举报机制，使得微信加强对小程序的管控，解决了问题...其中渲染层提供了带有数据绑定语法的 WXML，逻辑层提供了setData 等等 API，开发者需要进行界面变化时，只需要通过在逻辑层执行 setData 把变化的数据通过 Native 层传递到渲染层，

3.3K2 0

LsLoader——通用移动端Web App离线化方案

首先优势： 1） localStorage对于移动端兼容好，主流手机浏览器、WebView都有支持，且没有iOS UIWebView的退出进程缓存失效bug。...4）对比类似的Progressive Web App（PWA）和微信小程序，localStorage可应用业务线广，环境如微信/客户端WebView/浏览器，业务形式如单页/多页Web/H5活动页。...3）构建结果层：一个压缩后2K的内联脚本，定义了如何缓存/加载/更新模块文件的浏览器库，支持iOS/安卓各种浏览器、WebView，对禁用localStorage的环境，写满localStorage的情况也都做了兼容...而且这9个文件中，6个文件可以页面间公用，包括2个类库（Vue、Zepto）；3个JS模块（getURLParams、historyState、WebView API）通用的逻辑函数；1个公共Vue组件...在Hybird开发中，我们可以把关键页面的资源列表生成个预加载的空页面，让客户端进入后提前打开隐藏的WebView加载这个页面，利用localStorage缓存实现预加载静态资源提升首屏H5的预加载功能

2K17 0

Facebook：如何让应用适合所有系统、带宽以及屏幕

在如何解决网络性能瓶颈上，Facebook Engineering Manager发表了题为Tuning Facebook for Constrained Networks（视频链接，YouTube需访问外国网站...减少图片大小——JPEG降低30%，PNG降低80% 大部分从Facebook应用程序下载的数据都是图像：占Android设备下载总数据的85%，占Facebook Messenger下载总数据的65%...因此，缩减图像的体积可以减少客户端的下载量，从而减少下载时间，特别有益于高延时网络。为显示层返回一个适当大小的图片在服务器上压缩大小。杜绝给客户端发送大的图片，然后让客户端去压缩。...在应用程序启动的过程中为feeds建立请求，因此在feed展示时所有数据都会就绪，数据下载的过程可以与其他初始化任务并行发生。...Facebook App大概有20个不同的APK（Andriod应用程序包），主要基于API等级、屏幕大小和处理器架构。

1.4K9 0

微信小程序WebView与H5 通信方式

微信小程序组件 Web-view 定义：承载网页的容器 1.相关 api 接口名说明 wx.miniProgram.navigateTo 参数与小程序接口一致 wx.miniProgram.navigateBack...type=aaaaaa', }) 缺点：url 数据量有限，且需要打开界面 3.H5->小程序 wx.miniProgram.postMessage api H5 页面传参： //js项目直接引入...简介：WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议；建立在 TCP 协议之上，服务器端的实现比较容易。...数据格式比较轻量，性能开销小，通信高效。可以发送文本，也可以发送二进制数据。没有同源限制，客户端可以与任意服务器通信。...优点：可以实现实时通信缺点：成本高，服务器压力大等；放弃此方式。

3.8K3 1

跨平台桌面开发，Electron还是WebView2 （上篇）

6.Slack 国际知名的软件了，就是基于Electron开发的 7.Facebook Messenger 没错，还是Electron开发的 8.石墨文档客户端其实不太想说这个，一二年前试用过，也是基于...而借助于NodeJS的能力，你可以和原生操作系统打交道，比如读取文件，读取数据库等，只要NodeJS能做到的，Electron都可以。...对于网页处理数据而言，一个基本的原则是：所有数据每次都是从服务器全量加载对吧，除非极个别的，比如登陆信息，或者一些cookies会从浏览器取，其它内容几乎每次访问网页都是全量从服务器取。...客户端应用数据处理的基本原则是：必要数据尽可能存储到本地（文件或SQLITE数据库），有需要才增量拉取新的数据所以，我认为选用Electron做开发的，因为大多属于前端技术人员，特别需要对这个原则有所了解...Electron是完全可以读写本地文件，还可以使用SQLITE数据库等的。 Electron的缺点当然，Electron肯定是有缺点的。

4.6K3 0

详解JWT和Session,SAML, OAuth和SSO,

用户通过客户端（可以是浏览器也可以是手机应用）想要访问 SP 上的资源，但是 SP 告诉用户需要进行认证，将用户重定向至 IDP。 IDP 向用户询问 SP 是否可以访问用户信息。...所以你在使用 Facebook 或者 Gmail 账号登陆第三方站点时，会出现授权对话框，告诉你 *第三方站点可以访问你的哪些信息，需要征得你的同意。 ?...它仅仅是为你的合法身份背书，当你以 Facebook 账号登陆某个站点之后，该站点无权访问你的在 Facebook 上的数据。...用于接口调用接下来在 API 调用中就可以附上 JWT （通常是在 HTTPHeader 中）。...用户在浏览器登陆之后，服务端为用户生成唯一的 session id，存储在服务端的存储服务（例如 MySQL, Redis）中。

3.9K2 0

Facebook 迁移 Messenger 底层存储的过程

背景 Facebook Messenger 用户超10亿，可以即时分享文字、图片、视频，产品自身不断的发展，背后的系统也在不断改变，开始是一个单体服务，后来变为有专门的缓存服务支持读、Iris 系统来队列化写...为了更好的提升 Messenger 的用户体验，Facebook 对底层存储进行了本质性优化，主要包括：重新设计并简化了数据 schema 从 HBase 改为 MyRocks（Facebook 开源的一个...大规模迁移的挑战 MyRocks 可以带来很多优势，例如：可以应用 Facebook 的开放式计算项目可以使用闪存更好的使用 Facebook 成熟的 MySql 运维管理经验可以减少物理数据节点的数量...，并获得更好的可用性存储系统的迁移是必要的，但 HBase 中数据量巨大，而且迁移过程中不能影响 Messenger 系统的运行。...在双写阶段，迁移器会执行双重验证：（1）数据验证确认 HBase 和 MyRocks 中的数据是匹配。（2）API验证在读取数据时同时从两个系统中一起读，然后比较结果数据是否一致。

1.2K1 0

JavaScript LocalStorage 完整指南

作为 web 浏览器中 web 存储 API 的一部分，localStorage 的工作原理类似于 cookie。然而，它可以存储更多的数据。...「对开发人员友好的 API」：该 API 可以方便地「访问」和「添加」 localStorage 中的数据。在任何浏览器上，都可以从 Window 对象访问 localStorage 函数。...localStorage 可用于缓存网站或存储静态数据，以便在页面离线时显示客户端信息，然后在 internet 重新连接时获取必要的数据。...7. localStorage 与 IndexedDB IndexedDB 是一个用于在客户端存储大量结构化数据（包括文件）的 API。...如果希望在客户端存储结构化数据，IndexedDB 是更好的选择，特别是因为 localStorage 不是为存储敏感信息而构建的。

3.1K1 0

【Vuejs】总结- Vue 存储插件的底层原理，你不知道的 localStorage API

前言当谈到 Web 应用的客户端存储时，localStorage API 脱颖而出，它允许开发者直接在浏览器中存储键值对。...在本文中，我们会深度学习 localStorage API 的优缺点和其他替代存储方案。...文件系统 API（OPFS）另一个知识盲区是 OPFS（源私有文件系统）。这个 API 提供对基于源的沙盒文件系统的直接访问，该文件系统针对性能高度优化，并提供对其内容的就地写入访问。...localStorage vs Cookie Cookie 曾经是客户端数据存储的主流方案，但在现代 Web 开发中已经失宠。...要在 Bun 中本地存储数据，可以使用 bun:sqlite 模块。总结在现代 Web 开发领域，localStorage 是轻量级数据的存储神器，其简单性和速度使其成为迷你键值分配的最佳方案。

7161 0

点击加载更多

native 嵌套 h5(localstorage) 本地存储问题

【业界】Facebook对收集用户通话和短信数据的言论作出了回应

喜大普奔，Gitee最新版本API推出了以gitee作为资源认证服务器的的OAuth2认证

系统设计：即时消息服务

H5 缓存机制浅析移动端 Web 加载性能优化

关于客户端存储的前端面试题总结

移动 H5 首屏秒开优化方案探讨

Facebook重写iOS版的Messenger，启动速度快2倍，核心代码减少84%

7个强大的聊天机器人搭建平台

【前端面试题】01—42道常见的HTML5面试题(附答案)

H5 App实战八：H5 App的离线存储与预加载策略

微信小程序基础架构浅析

LsLoader——通用移动端Web App离线化方案

Facebook：如何让应用适合所有系统、带宽以及屏幕

微信小程序WebView与H5 通信方式

跨平台桌面开发，Electron还是WebView2 （上篇）

详解JWT和Session,SAML, OAuth和SSO,

Facebook 迁移 Messenger 底层存储的过程

JavaScript LocalStorage 完整指南

【Vuejs】总结- Vue 存储插件的底层原理，你不知道的 localStorage API

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐