浏览器隐私模式无法写入localstorage

2024-09-04

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能存4k的cookie相比,用起来很好用.但是localStorage在iOS Safari.chrome和UC浏览器中的隐私模式(也叫无痕模式)下无法使用,手机Safari浏览器中具体表现是: localStorage对象仍然存在但是setItem会报异常:Quota

javascript判断浏览器是否是隐私模式

判断浏览器是否是隐私模式,隐私模式下有写api不可用 1. try { localStorage['test'] = 'test'; //localStorage和sessionStorage都存在,但是私有模式下不能赋值 } catch(e) { alert("本地储存写入错误,请关闭隐身模式浏览."); } 2. var fs = window.RequestFileSystem || window.webkitRequestFileSystem; if (!fs) { conso

使用X-UA-Compatible来设置IE浏览器兼容模式(转)

使用X-UA-Compatible来设置IE浏览器兼容模式文件兼容性用于定义让IE如何编译你的网页.此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式. 前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性.在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式.新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性.当你引入一个增设的兼容性模式,此文章说明文件兼容性的必

浏览器怪异模式（Quirks Mode）与标准模式（Standards Mode）

浏览器怪异模式(Quirks Mode) 与标准模式(Standards Mode) 怪异模式,浏览器使用自己的方式解析渲染页面,在不同的浏览器就会显示不同的样式.标准模式,浏览器使用W3C的标准解析渲染页面. 通过 document.compatMode 的值可以知道当前用的是什么模式.BackCompat:怪异模式CSS1Compat:标准模式 IE 6 for Windows/mac, Mozilla, Safari和Opera 都实现了这两种模式,但是IE 6以下版本永远定在了怪异模

HTML文档类型DTD与浏览器怪异模式

虽然在兼容IE6时候经常会注意到两个模式的区别,但是系统的理解起来,还没有认真总结过.看了一些网上的资料.结合自己的理解汇总了一下,放在这里备忘并分享给大家. 浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义了DOCTYPE浏览器则会进入标准模式(Standards Mode),否则浏览器会进入怪异模式或混杂模式(Quirks mode). 浏览器开发初期W3C倡导的网页标准并不流行,因此浏览器有独特的对网页标签或属性的解析模式,随着日后网页标准的流行,浏览器增加

QQ浏览器兼容模式问题

今天客户反馈有个问题,他说用360浏览器的兼容模式无法登陆系统,我试了可以,接着试了IE11,也可以,然后跟经理汇报,他说他用qq浏览器兼容模式就不可以,于是我试了,果然不可以... 问题是酱紫的:输入账号密码后,点击登录,密码和验证码就不见了..我很奇怪,之前都是点登录就直接登录,或是说密码错误,验证码错误之类的.他啥也没报,控制台也没报,验证码没刷新,所以我想就是点了没反应.. 于是百度了很多东西,百度出来了一句话:<meta http-equiv="X-UA-Compatible&q

IE浏览器兼容性模式

最近支持公司的一个内部业务管理系统,系统是基于jQuery来实现:用了2年的MVVM框架的我转向这个完全使用jQuery框架来开发的系统,真是相当不爽(相信用过MVVM框架的跟我是相同的感受):更为憋屈的是,到了这个年代,IE的亲爹微软都放弃支持IE6-10了,系统尽然还只支持使用IE浏览器(运营电脑安装都是IE8浏览器,所以大部分只管IE8),其他高级浏览器不被支持(当然这是由于系统使用了基于IE的一些插件导致). 但是话又说回来,但是在支持系统的开发过程中,经常看到X-UA-Compatib

QQ浏览器兼容模式下Cookie失效导致的NetCore Cookie认证失效

最近在写NetCore项目采用的是NetCore的Cookie认证.结果偶然发现QQ浏览器登录不好用.这里先需要了解一下set-cookie中的SameSite属性导致原因首先Fiddler 4查看一下两次请求第一次Post进行登录返回302重定向到站点首页并带回Cookie (一切正常) 但是看第二条http请求,返回又是302 ,查看相关信息,请求时Cookie 根本没带入到此基本知道整个登录失败是因为Cookie没有带入请求头. 解决方案: NetCore Cookie认证下如

flex与相对定位在国内双核浏览器极速模式下的兼容性问题

在国内的浏览器中,360浏览器,QQ浏览器等绝大部分都是双核浏览器.双核浏览器即拥有IE兼容内核和非IE极速内核两个内核,分别对应兼容模式和极速模式.兼容模式时使用IE内核,极速模式采用webkit内核.而目前大部分网站为了性能和用户体验,默认使用极速模式.在极速模式出现问题时,使用兼容模式. 虽然极速模式是使用的webkit内核,但是浏览器的表现却还是有一定差异.平时使用Chrome调试,在极速模式下却表现的不正常. 好,进入正题.flex是目前前端布局中一个非常好的属性,这里不多说,可以看大

百度浏览器极速模式下访问 FastAdmin 的问题

百度浏览器极速模式下访问 FastAdmin 的问题兼容性问题,因为 https 证书配置时对低版本的浏览器不适配引起. 应该是百度浏览器的内核太旧,没有更新导致.

javascirpt的json.stringify()方法在IE浏览器兼容性模式下出错的原因与解决办法

今天开机混底薪的时候遇到一个JSON.stringify()在IE浏览器兼容模式下的问题. 问题描述一个弹窗选择的功能原来好好的,突然就不行了. 想要调试调试不了,报错信息也看不到(一开F12这破IE浏览器就奔溃,FUCK-IE果然名不虚传). 最后只能通过逐行提示调试法(alert大法好)去定位发生错误的代码范围,最终确定是这个JSON.stringify()方法出错了. 问题是原来可以的啊,想了半天发现是另外的同事在我电脑上测试的时候给我加了兼容模式,是这个兼容模式出了问题. 意思就是说,

IE8 浏览器文本模式变为杂项(quirks)页面变形的解决方法

IE8 浏览器文本模式(document.documentMode)变为杂项(quirks)页面变形的解决方法. 正常情况下 document.documentMode 输出为8,而变为杂项之后document.documentMode输出为5. 检查文件头 1.书写是否正确定义IE8 文本模式为IE8<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">IE8 文本模式为杂项(quirks):无定义

IE,Google Chrome等浏览器,调试模式在控制台可以手动调用页面的方法来调试

IE,Google Chrome等浏览器,调试模式在控制台可以手动调用页面的方法来调试,这种方式也可以进断点.

360浏览器兼容模式下jsp页面访问不到js文件

360浏览器兼容模式下jsp页面访问不到js文件查看自己js中的语法问题,不要用ES6的语法,编译不了故找不到js文件 const var of 码出高效 java 比较所有整型包装类对象之间值的比较,全部使用 equals 方法比较浮点数(尾数+阶码)之间的等值判断,基本数据类型不能用==来比较,包装数据类型不能用 equals 来判断自定义误差,使用BigDecimal 优雅 // 伪代码如下 final boolean existed = (file.open(fileName,

在IOS手机safari浏览器的无痕模式下，localStorage不起作用

无痕模式是黑色风格,正常模式是白色风格.在无痕模式中,使用localStorage.setItem()会报错,但在window对象下确实有localStorage.setItem方法. if (typeof localStorage === 'object') { try { localStorage.setItem('localStorage', 1); localStorage.removeItem('localStorage'); } catch (e) { Storage.prototy

ios中safari无痕浏览模式下，localStorage的支持情况

前言前阶段,测试提了个bug,在苹果手机中无痕模式下,搜索按钮不好使,无法跳页,同时搜索历史也没有展示(用户搜索历史时使用localStorage存储). 正文 iOS上Sarfari在无痕模式下,浏览器假装支持localStorage,并在全局window上暴漏了该方法,所以校验是有localStorage对象的,但是调用setItem进行保存的时候,就报Error: QuotaExceededError ... : The quota has been exceeded. 因此,进行了

vue短信验证性能优化写入localstorage中

平时我们在项目中进行注册等的时候,会经常用到短信验证的功能,但是现在现在很多短信验证都是存在下面几个问题,例如短信验证时间为60s的时候, 1. 当点击完按钮时,倒计时还没到60s过完时,刷新浏览器,验证码按钮又可以重新点击 2.当点击按钮倒计时开始,例如在50s的时候我关闭了浏览器,过了5s后,我在打开,此时时间倒计时的时间应该是45s左右,但是当重新打开浏览器的时候,按钮又可以重新点击了为了解决上面的两个问题,就需要把时间都写到localstorage里面去,当打开页面的时候,就去loca

原生JavaScript常用本地浏览器存储方法四(HTML5 LocalStorage sessionStorage)

HTML5 LocalStorage浏览器的支持的情况如上图,IE在8.0的时候就支持了.不过需要注意的是,IE测试的时候需要服务器环境(或者localhost). 测试自然是检测浏览器是否支持本地存储.在HTML5中,本地存储是一个window的属性,包括localStorage和 sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同,这里以localStorage为例. 存储数据的方法就是

360浏览器兼容模式默认显示ie最高版本

之前写完代码都会放在360浏览器里跑一边,基本没啥问题,因为设置的都是极速模式,极速模式内置的是webkit内核,后来测试人员测试了兼容模式,发现会出各种问题,打开控制台一看,“我的天呐”,默认的竟然是ie7,本人从事前端以来就没调过ie7的兼容性,这可如何是好,后来同事给了一段代码,可以把默认版本改成ie最高版本, <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 瞬间所有问题

【转】http-equiv="X-UA-Compatible" 设置IE浏览器兼容模式详解

文件兼容性用于定义让IE如何编译你的网页.此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式. 前言为了帮助确保你的网页在所有未来的IE版本都有一致的外观,IE8引入了文件兼容性.在IE6中引入一个增设的兼容性模式,文件兼容性使你能够在IE呈现你的网页时选择特定编译模式.新的IE为了确保网页在未来的版本中都有一支的外观,IE8引入了文件兼容性.当你引入一个增设的兼容性模式,此文章说明文件兼容性的必要性,列出现有版本IE能使用的文件兼容性模式并示范如何选择特

浏览器隐私模式无法写入localstorage

热门专题