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

如何阻止i18n在页面重新加载时恢复到默认区域设置?

在页面重新加载时阻止i18n恢复到默认区域设置,可以通过以下方法实现:

  1. 使用本地存储:在页面加载时,将用户选择的区域设置保存到本地存储(如localStorage或sessionStorage)中。当页面重新加载时,先从本地存储中获取用户选择的区域设置,然后应用到页面上,以保持用户的选择不变。
  2. URL参数传递:在页面URL中添加区域设置参数,例如?lang=en表示选择英文语言。当用户选择了区域设置后,将该参数添加到URL中,并在页面加载时解析URL参数,然后应用到页面上。当页面重新加载时,URL参数仍然存在,可以通过解析URL参数来恢复用户选择的区域设置。
  3. 使用cookie:在用户选择区域设置后,将该设置保存到cookie中。当页面重新加载时,先从cookie中获取用户选择的区域设置,然后应用到页面上。

需要注意的是,以上方法只是在页面重新加载时保持用户选择的区域设置不变,并不能真正阻止i18n恢复到默认区域设置。如果需要完全阻止i18n恢复到默认区域设置,可能需要修改i18n库或框架的源代码,或者使用自定义的i18n解决方案。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云存储服务(对象存储):提供安全、稳定、低成本的云端存储服务,适用于各种场景的数据存储需求。详情请参考:腾讯云对象存储
  • 腾讯云云服务器(CVM):提供弹性计算能力,可快速部署和扩展应用,支持多种操作系统和应用场景。详情请参考:腾讯云云服务器
  • 腾讯云人工智能(AI):提供丰富的人工智能服务,包括图像识别、语音识别、自然语言处理等,帮助开发者构建智能化应用。详情请参考:腾讯云人工智能
  • 腾讯云区块链服务(TBCAS):提供安全、高效、易用的区块链解决方案,适用于金融、供应链、溯源等领域的应用场景。详情请参考:腾讯云区块链服务
  • 腾讯云音视频处理(VOD):提供音视频上传、转码、剪辑、播放等功能,支持各种音视频处理需求。详情请参考:腾讯云音视频处理
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

前端国际化:语言包篇

业务模块是由一个或多个页面组成的完整的功能。...读者也不用过于纠结,实际在业务开发,随着对需求了解的深入,你会摸索它们的边界,或者你也可以从其他地方借鉴,比如后端服务的划分、产品需求结构的划分等等。...如果不干预,就会有很多碎片化的请求, 不支持 HTTP 2.0 的环境,这些请求会对页面性能造成较大的影响,怎么优化加载呢?...SET_LOCALE_CONTEXT) { console.error(`[i18n] 禁止直接设置 .locale 来设置当前语言, 必须使用 setLocale()`) }...因为语言标签形式多种多样,而且不同的环境给出的结果可能都不太一样,所以建议开发者维护语言包统一使用语言标签,并且前后端保持统一。

1.6K30

Vue-i18n 国际化

en, zh } }) export default i18n 中英文切换 methods中设置 changeLang() { if (this....$i18n.locale = 'zh' } } 此时的切换知识页面语言,和系统没有关系,如果刷新页面,还是会回到中文 设置切换浏览器语言 上边写的当前的语言切换是默认的状态,初始化的时候一定加载的是默认的...,比如默认的是中文,无论你后期改成什么状态,最后重新加载一定是中文 此时需要设置系统的语言环境 使用localStorage去辅助完成国际化的语言环境设置 比如目前只支持中英文 此时需要获取当前的语言状态...== 'en-US'){ localLang = en } //console.log(localLang) //获取localStorage(本地存储)的语言状态,如果没有设置默认的语言环境...,如果浏览器默认也没有语言环境,设置为中文 let lang = localStorage.getItem('lang') || localLang || 'zh' console.log(lang)

72410
  • 从零玩转后端接口数据交互国际化

    一、前言 当我们的项目涉及多语言支持,身为后端开发的我们,接口数据国际化便是我们必须攻克的问题。...重点:我们项目中会创建 MessageSource接口,但不管使用哪个实现类或者我们自定义的类,都要将Bean名称设置为messageSource 加载ApplicationContext,自动搜索上下文中定义的.../ @Override public void afterPropertiesSet() { this.reload(); } /** * 重新加载消息该类的...我们进入AbstractMessageSource源码,查看getMessage方法,调用它传入code和locale,它会调用resolveCode方法或者调用resolveCodeWithoutArguments...而这两个方法已经被我们重写,它的数据都从我们自定义的MyMessageSource类的LOCAL_CACHE(map对象)中获取, ⚾ 4.4 国际化区域解析器 LocaleResolver:用来设置当前会话默认的国际化语言

    3.5K1613

    SpringMVC-国际化

    )找到后使用它获取请求所对应的本地化类型信息,就是会找到对应类型信息的 properties 的内容给加载页面当中进行展示默认实现过程要先创建国际化的资源文件,首先创建两个资源文件如下图,直接 new...,编写完成之后,启动工程,访问 http://localhost:8080/ 首先它是根据你浏览器语言来的,我这里默认加载的是 zh_CN` 的文件,你可以浏览器中进行切换语言然后进行刷新即可发现内容变了...,在前面的 SpringMVC-默认加载的组件 章节中我讲解了如何配置视图解析器来映射到这个位置,不懂的可以回去看看 <%@ page contentType="text/html;charset=UTF...language_zh_CN.properties 资源文件的内容图片那么这是什么原理呢,因为我浏览器<em>设置</em>语言<em>默认</em>是 中文(简体) 看了第一次<em>加载</em>之后我把语言改为 英语(美国) 然后<em>在</em>刷新一下<em>页面</em><em>在</em><em>重新</em><em>加载</em>发现<em>加载</em>的内容又换了图片原理如果没有显式的定义本地化解析器...获取到本地类型后, 给写入<em>到</em>session 当中实现首先修改 SpringMVC 核心配置文件,添加的内容如下<!

    18720

    数据库PostrageSQL-可靠性和预写式日志

    macOS上,通过设置wal_sync_method为fsync_writethrough可以阻止写高速缓存。...不幸的是,这些文件系统和后备电池单元(BBU)一起工作的表现要略差。在这种设置下,同步命令强制所有来自控制器高速缓存的数据磁盘,消除了BBU的很多好处。...为了避免这样的失效,PostgreSQL修改磁盘上的实际页面之前, 周期地把整个页面的映像写入永久WAL存储。这么做之后,崩溃恢复的时候,PostgreSQL可以从WAL恢复部分写入的页面。...后备电池单元(BBU)磁盘控制器不阻止部分页面写入,除非它们保证数据都是以整页(8kB)写入BBU。...CRC值我们写入每一个WAL记录设置,并且崩溃恢复、归档恢复和复制检查。 目前数据页并没有默认地被校验,但是WAL记录中记录的整页映像将被保护。关于启用数据页校验的内容详见initdb。

    65510

    Spring 全家桶之 Spring Web MVC(八)- I18N

    index.jsp页面中增加一个超链接,点击超链接跳转至登录页面 跳转至登录页面 pages目录下新建登录页面login.jsp,body标签中增加登录表单...方法就是根据请求头中浏览器的语言来设置的来设置区域信息 页面渲染都是通过resolveLocale方法来获取区域信息的 获取区域信息解析器 toLoginPage方法中增加Locale参数,并在代码中打印...); return "login"; } } 重启应用,分别设置浏览器语言为中文和英文请求登录页面 可用于在校验返回国际化信息 三、国际化切换 登录表单下面增加两个超链接...默认区域信息解析器 FixedLocaleResolver:使用系统默认区域信息 SessionLocaleResolver:使用session获取区域信息,可以将locale对象方法session...,属性名为localeAttributeName 而localeAttribute有指向另一个变量 所以我们区域信息保存在session设置的属性名也设置为 SessionLocaleResolver.class.getName

    59330

    JS魔法堂:定义页面的Dispose方法——unload事件启示录

    或document.open方法在当前页面加载其他页面重新打开输入流。...unload就是正在进行页面内容卸载触发的,一般在这里进行一些重要的清理善后工作,而这时页面处于以下一个特殊的临时状态: 页面所有资源(img, iframe等)均未被释放; 页面可视区域一片空白;...navigation机制,将页面A的状态保存到缓存中,当通过浏览器的后退/前进按钮跳转马上从缓存中恢复页面,而不是重新实例化。...存在Expires超期的 发生跳转页面存在未加载完的资源 旗下iframe存在上述情况的 页面iframe中渲染,当用户修改iframe.src加载其他文档该iframe  因此若执行不可逆的清理工作...另外load仅在页面初始化后才会触发,因此从bfcache中恢复页面并不会触发。

    2.3K90

    Spring Boot国际化支持

    本章将讲解如何在Spring Boot和Thymeleaf中做页面模板国际化的支持,根据系统语言环境或者session中的语言来自动读取不同环境中的文字。...encoding:默认的编码为UTF-8。 cacheSeconds:加载国际化文件的缓存时间,单位为秒,默认为永久缓存。...fallbackToSystemLocale:当找不到当前语言的资源文件,如果为true默认找当前系统的语言对应的资源文件如messageszhCN.properties,如果为false即加载系统默认的如..., i18n/login, i18n/index 2、i18n目录下创建以下几个文件 如index.properties,indexzhCN.properties,index.properties作为找不到定义语言的资源文件默认配置文件...key/value,如: indexzhCN.properties index.welcome=欢迎 index.properties index.welcome=welcome 3、添加语言解析器,并设置默认语言为

    2.1K60

    提升 Web 核心性能指标的 9 个建议

    CLS 是网页视觉稳定性的度量指标,意味着当有新的内容加载页面的内容是否经常跳动。...一个页面可能在初始加载具有很大的 CLS ,因为随着其他内容(如图像和广告)的加载页面的结构会一直产生变化,从而影响 CLS。当然,我们应该尽量首屏页面渲染避免加载这些内容。...BF 缓存会在用户离开之后,在内存中存储一个用户加载页面后的完整 CLS 快照。如果用户返回了这个页面,就会恢复这个快照。同样的,如果用户再次向前访问,则也可以恢复这个快照。...这就完全消除了任何 CLS 的加载,如果从头开始重新渲染页面,BF 缓存也会默认启用,我们不需要采取任何措施来主动启用它,但是我们可以使用某些 API 阻止浏览器使用它,但这可能会导致浏览器没办法更好的响应...最常见的原因是我们设定了 cache-control 这个 Header 的值为 no-storage或者页面中使用了 unload handler,这两者都会阻止 BF Cache 的使用。

    58120

    基于 Go 语言开发在线论坛(八):消息、视图及日期时间本地化

    前面两天因为其他事情耽搁了进度,今天开始恢复 Go Web 编程系列的更新。...我们接着上篇在线论坛的进度,由于之前所有页面和消息文本都是英文的,而我们开发的应用基本都是面向中文用户的,所以需要对项目进行本地化,今天正好借着这个入门项目给大家介绍下如何在 Go Web 应用中进行国际化和本地化编程...、用户手动选择、客户端参数(比如 HTML 请求头中的 Accept-Language 字段)、或者域名信息来判断加载那种语言的本地化视图模板,为了简化演示流程,这里我们使用全局配置的方式,也就是我们上面配置文件中设置的...通过配置加载本地视图 打开 handlers/helper.go, generateHTML 方法中通过读取全局配置加载对应的本地化视图模板: func generateHTML(writer http.ResponseWriter...再次重新启动应用,访问首页和群组详情页就可以看到格式化后的本地日期时间格式了: ? 在线论坛首页 ? 下篇教程,我们将演示如何部署 Go Web 应用作为在线论坛项目系列教程的收尾。

    2K20

    基于jQuery.i18n.properties 实现前端页面的资源国际化

    jQuery.i18n.properties插件首先加载默认的资源文件(strings.properties),然后加载针对特定语言环境的资源文件(strings_zh.properties),这就保证了未提供某种语言的翻译...: 默认为中文 */ var i18nLanguage = "zh-CN"; /* 设置一下网站支持的语言种类 */ var webLanguage = ['zh-CN', 'zh-TW', 'en...'map', //用Map的方式使用资源文件中的值 language : i18nLanguage, callback : function() {//加载成功后设置显示内容...,然后用户每次选择不同的语言,会将选择的语言存入cookie,下一次进入取cookie里面的语言,核心i18n代码 jQuery.i18n.properties({…})这里面就是给页面需要国际化的地方赋值...来几张截图,看下效果如何!(页面有点丑呵,不影响啦!) 中文简体 ? 中文繁体 ? 英语 ?

    3.9K90

    jqueryvuereact前端多语言国际化翻译方案指南

    换种说法,「应用程序」的功能和「代码设计」考虑不同地区运行的需要,其代码适应不同区域要求。开发这样的的过程,就称为国际化( internationalization),简称i18n。...资讯领域,国际化(i18n)指让产品(出版物,软件,硬件等)无需做大的改变就能够适应不同的语言和地区的需要。对程序来说,不修改内部代码的情况下,能根据不同语言及地区显示相应的界面。...: 默认为中文 */ var i18nLanguage = "zh-CN"; /* 设置一下网站支持的语言种类 */ var webLanguage = ['zh-CN',..., callback : function() {//加载成功后设置显示内容 var insertEle = $(".i18n"); console.log(...i18n.prop($(this).attr('selectname'))); }); console.log("写入完毕"); } }); } /*页面执行加载执行

    2.6K20

    精读《数据搭建引擎 bi-designer API-设计器》

    参数 defaultPageSchema:页面 DSL 默认值。 参数 defaultMode:控制编辑渲染状态,edit or render。...注意这里就留下了不少拓展空间,componentMetas 可以存储服务端,element 可以远程异步加载,也可以项目代码中固化,但传递给渲染引擎的 API 是固定的。...加载一个有事件功能的额外新组件 通过申明 id 与 componentName 加载一个全新组件,为了在其销毁做有效清理,请将其 id 记录到 useKeepComponentLoaders 中。...: number ) 如不指定 parentId ,默认复制自己父元素下。 如不指定 index ,默认复制当前元素下方。...仅刷新可视区域组件 默认组件都会以按需加载的方式渲染,即对于不在可视区域的组件,不会触发任何重渲染,以此提升交互操作的效率,以及首屏速度。

    1K10

    【No Problem】如何解决 Mac 左右滚动误触返回事件?

    ="_blank",这样就没有“前一页”可以返回了 但这使得我们单页面的意义丢失了很多,比如加载页面可能变慢。...none 表示相邻的滚动区域不会有连续滚动效果,并且默认的滚动溢出行为会被阻止。...contain 默认的滚动溢出行为将被内部的元素观察,(例如: “bounce” 效果或者刷新),但是相邻的区域不会产生连续滚动效果,例如:在下面的元素不会被滚动。...touch-action 这个方案是基于移动端开发的,实际上跟这次谈论的还是有点区别,这里单纯记录一下 MDN 中对 touch-action[4] 的解释如下 CSS 属性 touch-action 用于设置触摸屏用户如何操纵元素的区域...默认情况下,平移(滚动)和缩放手势由浏览器专门处理。设置 none,当触控事件发生在元素上,不进行任何操作。

    2.2K10

    procsysvm 使用

    运行在大量使用‘never’下的系统应该增加这个值用于恢复的程序的完整虚拟内存大小。否则,root无法登录来恢复系统。 如何计算一个可用的预留最小值呢?...这个参数被设置为0来阻止不能被写出的页面的移动。默认值是1。...内存映射区域用作调用 malloc 的副作用,直接由 mmap、mprotect 和 madvise 以及加载共享库使用。...page-cluster 代表页面簇(cluster)的大小,它是指在从磁盘加载页面内存,内核一次要从磁盘读取的页面数量。页面簇的默认大小是 3 个页面。...内核使用该值根据区域的低水位线和本地在线 CPU 的数量来设置高 pcp->high 标记。如果用户向这个 sysctl 写入“0”,它将恢复这个默认行为。

    79630

    怎样为你的 Vue.js 单页应用提速

    Webpack 会为你将所有内容捆绑文件(HTML、JavaScript、CSS)中,最后可以用 nginx 来提供。至少,这是我们的设置。但是 Webpack 会警告你某些资源太大。...需要注意的是,一旦用户访问 SPA,这三个文件将会被加载,并且只有加载完毕之后才会渲染页面。但是最初加载页面一般不需要太多文件内容,并且不应拖慢用户访问我们的网站的速度。...延迟加载路由 构建 SPA ,JavaScript 捆绑包可能会变得很大,从而增加页面加载时间。如果我们可以将每个路由的组成部分拆分为一个单独的块,然后仅在访问路由加载它们,则效率会更高。...有时我们只想显示对象就不需要去修改它们。 所以在这种情况下,如果我们阻止 Vue 使列表具有响应性,那么就可以获得一些性能。...总结 本文中,我们了解了如何对路由和组件使用延迟加载以将 SPA 分成多个块,功能组件如何提高性能以及如何衡量这些改进。

    2.8K10

    WordPress安装后必做的18件事

    5、安装缓存插件 研究表明,页面加载时间延迟1秒可能导致转换损失7%,页面浏览量减少11%,客户满意度降低16%。作为网站所有者,需要确保网站速度快,即使高流量也能正常运行。...创建备份是确保发生灾难轻松恢复网站的唯一方法。一些服务器提供商提供有限的备份服务。但是,这些备份无法保证,我们有责任自行备份网站。 有几个很棒的WordPress备份插件可用于自动创建备份。...进入 设置 讨论 页面即可设置,可以在此处启用或禁用评论,设置评论通知以及启用评论审核。 11、删除默认内容 WordPress带有一些默认内容,可用作占位符项。...包括一篇名为“Hello World”的博客文章,一个示例评论和一个示例页面。进入 文章 所有文章 页面,删除默认的文章。 接下来,进入 页面 所有页面 页面,然后删除“示例页面”。...先设置导航菜单,再向WordPress 添加小工具。默认情况下,WordPress会在侧边栏中显示一些默认小工具。可能重新排列或者添加、删除他们。

    3.8K50

    vue 项目中英文切换

    最近vue项目需要中英文切换,查了资料,发现大部分都是采用 vue-i18n,但是写的比较简单,大部分都是全局引入语言包,遇到的几个问题 1、如何结合element-ui 实现中英文切换 2、如何在组件中使用各自的语言包...3、中英文切换如何刷新页面,特别是中英文切换根据当前语言调用中文或者英文接口 全局引入语言包实现中英文切换 一、安装vue-i18n,我安装的版本是 "vue-i18n": "^8.22.0",...main.js中引文i18n并注册vue实例中 import Vue from 'vue' import App from '....} } 关于如果实现中英文切换根据当前语言调用中文或者英文接口 ( 通过provide inject 实现 ),假如中英切换按钮Home.vue上,Home.vue含有 {{ info }} <!

    3K30

    如何在Ubuntu 14.04上保护Nginx

    即使使用默认设置,Nginx也是一个非常安全可靠的Web服务器。但是,有很多方法可以进一步保护Nginx。 本文中,我们将专门使用开源软件,同时尝试遵循一些流行的Web服务器强化方法和安全标准。...从HTTP服务器标头应用程序错误报告的每个级别都泄露了有价值的信息。 所以让我们从HTTP标头开始。默认情况下,NginxHTTP标头中显示其名称和版本。...如今,默认的SSL设置和算法不够强大,无法阻止攻击者解密您的流量。 这就是为什么我们将使用更强大的加密算法和设置为Nginx配置SSL证书。...要使上述设置生效,您必须使用以下命令重新加载nginx: sudo service nginx reload 要测试新的SSL配置,最好使用外部工具,例如SSL Labs提供的工具。...要使这些设置生效,您必须使用以下命令重新加载Nginx: sudo service nginx reload 现在,如果您尝试使用/wp-admin/允许的IP地址范围之外的浏览器访问站点的某个部分,则会出现错误

    1.6K20
    领券