CN113076164B - 一种网页语言管理方法和装置 - Google Patents
一种网页语言管理方法和装置 Download PDFInfo
- Publication number
- CN113076164B CN113076164B CN202110412027.1A CN202110412027A CN113076164B CN 113076164 B CN113076164 B CN 113076164B CN 202110412027 A CN202110412027 A CN 202110412027A CN 113076164 B CN113076164 B CN 113076164B
- Authority
- CN
- China
- Prior art keywords
- language
- webpage
- package
- language type
- browser end
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000007726 management method Methods 0.000 title claims abstract description 16
- 238000013519 translation Methods 0.000 claims abstract description 52
- 238000000034 method Methods 0.000 claims abstract description 43
- 238000012545 processing Methods 0.000 claims abstract description 19
- 235000014510 cooky Nutrition 0.000 claims description 23
- 238000004519 manufacturing process Methods 0.000 claims description 19
- 230000004048 modification Effects 0.000 claims description 12
- 238000012986 modification Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 9
- 238000004806 packaging method and process Methods 0.000 claims description 9
- 230000003068 static effect Effects 0.000 claims description 9
- 230000007613 environmental effect Effects 0.000 claims 1
- 230000014616 translation Effects 0.000 description 44
- 238000010586 diagram Methods 0.000 description 9
- 230000006870 function Effects 0.000 description 9
- 238000004891 communication Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 4
- 239000000835 fiber Substances 0.000 description 2
- 238000012858 packaging process Methods 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
- G06F9/454—Multi-language systems; Localisation; Internationalisation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/40—Processing or translation of natural language
- G06F40/58—Use of machine translation, e.g. for multi-lingual retrieval, for server-side translation for client devices or for real-time translation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网页语言管理方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问目标网页所使用的语言类型;利用与语言类型对应的语言包,翻译得到网页首屏信息,将网页首屏信息、网页剩余信息和语言类型传输至浏览器端;接收浏览器端传输的对语言包的加载请求,将语言包返回给浏览器端,以使得浏览器端利用语言包对网页剩余信息进行翻译及显示。该实施方式根据用户当前使用的语言类型按需加载对应的语言翻译文案,避免加载无用的语言信息,以此加快网页打开速度,且每种语言类型的语言类型文件均单独打包,实现独立处理。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种网页语言管理方法和装置。
背景技术
目前web前端有开发国际化(即多国语言版本)项目的需求,现有通常做法是:在开发构建生产包时,把需要用到的多个国家的语言翻译文案都打包到同一个静态资源码文件(如*.js、*.json)内,当需要使用某种语言时则从该文件中获取相应翻译文案。目前主要使用的插件方案有:Vue I18n、React-intl、i18nnext、i18n-static等。
在实现本发明的过程中,发明人发现现有技术至少存在如下问题:
1、没有对翻译文案做按需加载,比如用户只需要英文翻译,但现有会附带下载其他语言包,这些其他语言包对于该用户而言是多余的;
2、无法做到单独打包,比如开发人员仅修改了一种语言的翻译文案,但后续也需打包全部功能来完成更新,即其他语言同样也被编译一次,造成代码编译时间的加长、其他语言重复发布的问题,进而影响发布时间和发布文件的大小。
发明内容
有鉴于此,本发明实施例提供一种网页语言管理方法和装置,至少能够解决现有技术中没有对翻译文案做按需加载,也无法做到单独打包的现象。
为实现上述目的,根据本发明实施例的一个方面,提供了一种网页语言管理方法,包括:
接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问所述目标网页所使用的语言类型;
利用与所述语言类型对应的语言包,翻译得到网页首屏信息,将所述网页首屏信息、网页剩余信息和所述语言类型传输至浏览器端;
接收浏览器端传输的对所述语言包的加载请求,将所述语言包返回给浏览器端,以使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示。
可选的,所述查询浏览器端访问所述目标网页所使用的语言类型,包括:
获取所述访问请求中的cookie,确定所述cookie中的请求IP地址,查询是否存在与所述IP地址对应的历史访问记录;
若存在,则确定浏览器端历史访问过所述目标网页,从所述cookie中获取上一次访问所述目标网页所使用的语言类型,否则获取预设语言类型。
可选的,还包括:基于用户在浏览器端对语言类型的修改操作,更新cookie,并重新发送对所述目标网页的访问请求至服务端。
可选的,所述利用与所述语言类型对应的语言包,翻译得到网页首屏信息,包括:
从内存中加载与所述语言类型对应的语言包,利用所述语言包中的检查执行环境方法,判断当前执行环境内是否存在窗口对象;
若不存在,则确定当前执行环境为服务端环境,利用所述语言包中的翻译文案,翻译得到网页首屏信息。
可选的,所述利用所述语言包中的翻译文案,翻译得到网页首屏信息,包括:
利用与所述服务端环境对应的执行方法,加载所述语言包中的翻译文案,进而利用所述翻译文案翻译得到网页首屏信息。
可选的,所述使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示,包括:
利用所述语言包中的检查执行环境方法,判断当前执行环境内是否存在窗口对象;
若存在,则确定当前执行环境为浏览器端环境,将所述语言包挂载到所述窗口对象中,以利用所述语言包中的翻译文案,翻译网页剩余信息并显示。
可选的,在所述利用所述语言包中的检查执行环境方法之前,还包括:在每个语言包内增设检查执行环境方法。
可选的,在所述利用与所述语言类型对应的语言包,翻译得到网页首屏信息之前,还包括:
创建多个语言类型文件,以分别存储不同语言类型的翻译文案,单独将每个语言类型文件打包为语言包形式;以及
接收对至少一个语言类型文件中翻译文案的修改操作。
可选的,所述创建多个语言类型文件,包括:
对于一个语言类型的源码文件,分别处理为第一生产环境使用的第一语言类型文件和第二生产环境使用的第二语言类型文件;其中,所述第一生产环境为静态资源服务端环境,包含所有语言类型文件,用于处理浏览器端传输的语言包加载请求,所述第二生产环境为动态资源服务端环境,用于处理网页访问请求,以及翻译网页首屏信息。
为实现上述目的,根据本发明实施例的另一方面,提供了一种网页语言管理装置,包括:
查询模块,用于接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问所述目标网页所使用的语言类型;
翻译模块,用于利用与所述语言类型对应的语言包,翻译得到网页首屏信息,将所述网页首屏信息、网页剩余信息和所述语言类型传输至浏览器端;
加载模块,用于接收浏览器端传输的对所述语言包的加载请求,将所述语言包返回给浏览器端,以使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示。
可选的,所述查询模块,用于:
获取所述访问请求中的cookie,确定所述cookie中的请求IP地址,查询是否存在与所述IP地址对应的历史访问记录;
若存在,则确定浏览器端历史访问过所述目标网页,从所述cookie中获取上一次访问所述目标网页所使用的语言类型,否则获取预设语言类型。
可选的,还包括重请求模块,用于:
基于用户在浏览器端对语言类型的修改操作,更新cookie,并重新发送对所述目标网页的访问请求至服务端。
可选的,所述翻译模块,用于:
从内存中加载与所述语言类型对应的语言包,利用所述语言包中的检查执行环境装置,判断当前执行环境内是否存在窗口对象;
若不存在,则确定当前执行环境为服务端环境,利用所述语言包中的翻译文案,翻译得到网页首屏信息。
可选的,所述翻译模块,用于:
利用与所述服务端环境对应的执行装置,加载所述语言包中的翻译文案,进而利用所述翻译文案翻译得到网页首屏信息。
可选的,所述加载模块,用于:
利用所述语言包中的检查执行环境装置,判断当前执行环境内是否存在窗口对象;
若存在,则确定当前执行环境为浏览器端环境,将所述语言包挂载到所述窗口对象中,以利用所述语言包中的翻译文案,翻译网页剩余信息并显示。
可选的,还包括:在每个语言包内增设检查执行环境装置。
可选的,还包括创建模块,用于:
创建多个语言类型文件,以分别存储不同语言类型的翻译文案,单独将每个语言类型文件打包为语言包形式;以及
接收对至少一个语言类型文件中翻译文案的修改操作。
可选的,所述创建模块,用于:
对于一个语言类型的源码文件,分别处理为第一生产环境使用的第一语言类型文件和第二生产环境使用的第二语言类型文件;其中,所述第一生产环境为静态资源服务端环境,包含所有语言类型文件,用于处理浏览器端传输的语言包加载请求,所述第二生产环境为动态资源服务端环境,用于处理网页访问请求,以及翻译网页首屏信息。
为实现上述目的,根据本发明实施例的再一方面,提供了一种网页语言管理电子设备。
本发明实施例的电子设备包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现上述任一所述的网页语言管理方法。
为实现上述目的,根据本发明实施例的再一方面,提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现上述任一所述的网页语言管理方法。
根据本发明所述提供的方案,上述发明中的一个实施例具有如下优点或有益效果:根据用户当前使用的语言类型按需加载对应的语言翻译文案,避免加载无用的语言信息,以此加快网页打开速度,且每种语言类型的语言类型文件均单独打包,实现不同语言类型的独立处理。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是根据本发明实施例的一种网页语言管理方法的主要流程示意图;
图2是根据本发明实施例的一种可选的网页语言管理方法的流程示意图;
图3是根据本发明实施例的一种网页语言管理装置的主要模块示意图;
图4是本发明实施例可以应用于其中的示例性系统架构图;
图5是适于用来实现本发明实施例的移动设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
此处对本方案涉及的词语做解释如下:
browser,浏览器端。
server,服务端。
webpack,一种静态资源打包工具。
编译,指程序直接读取翻译的源码文件、并打包到程序代码中,所以如果语言越多需要的编译时间越长。
参见图1,示出的是本发明实施例提供的一种网页语言管理方法的主要流程图,包括如下步骤:
S101:接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问所述目标网页所使用的语言类型;
S102:利用与所述语言类型对应的语言包,翻译得到网页首屏信息,将所述网页首屏信息、网页剩余信息和所述语言类型传输至浏览器端;
S103:接收浏览器端传输的对所述语言包的加载请求,将所述语言包返回给浏览器端,以使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示。
上述实施方式中,对于步骤S101,语言是指终端支持展示的语言文字,语言包是指网页中用到的翻译文案,并不是把整个语言体系下载下来,但是需要展示哪些文案是需要开发者自行组织设置的。由于每个网页设置的内容不同所以翻译文案也不同,因而加载语言即加载网页上用到的翻译文案。
预先创建不同语言类型文件,以存储需要支持的不同语言的翻译文案,如en_US.js、zh_CN.js。对于同一个语言类型的源码文件(通常为源代码)而言,需要分别处理为静态资源服务端环境(如CDN,Content Delivery Network)使用的第一语言类型文件、动态资源服务端环境使用的第二语言类型文件。另外,修改或者添加翻译文案可以单独在每个语言类型文件中处理,每种语言类型文件是独立的体系,均独立支持browser与server的引用。
此处的CDN为分布式网络服务器,用于管理所有签约平台的语言包(不同平台的域名不同),无需数据库,即可处理所有浏览器端传输的语言包加载请求。而动态资源服务端相对CDN而言是较小,如平台A的服务端A、平台B的服务端B,服务端A和服务端B可以单独处理接入各自平台的网页访问请求。
此处首先讲述动态资源服务端:浏览器端响应于用户对某一网页的访问请求,将该请求直接发往该网页所属平台的服务端处,如上述服务端A。动态资源服务端在收到该网页访问请求后,首先需确定浏览器端访问该网页使用的语言类型,具体参见图2所示:
步骤一:获取访问请求中的cookie,确定所述cookie中的请求IP地址,查询是否存在与所述IP地址对应的历史访问记录;
步骤二:若存在,则确定浏览器端历史访问过目标网页,从所述cookie中获取上一次访问所述目标网页所使用的语言类型;
步骤三:否则,获取预设语言类型。
访问请求中通常携带cookie,该cookie中存储有发送该请求的IP地址等信息,因而通过该IP地址可以查询到该浏览器端历史是否已访问过该网页,若已访问过,则直接使用上一次使用的语言类型。需要说明的是,同一浏览器端对同一网页使用的语言类型通常是覆盖式更新,例如上上一次使用的是泰文,但上一次使用的是中文,则查询到的结果即为中文。但若未查询到,则需要使用默认语言类型(即预设语言类型),该预设语言类型可以根据国家、地区等因素设置,例如中国境内为中文。
另外,服务端可以通过配置中心下发语言类型配置项,以实现随时切换语言类型的目的。服务端通过读取配置中心的配置信息,可以直接得知需要获取哪个版本的语言类型,也可以直接得知需要下发哪种语言包,比如产品需要所有用户访问V1.0下的英文,开发者或者运营通过修改配置中心的配置来通知服务端服务V1.0下的英文。
用户切换语言即用户在网页上点击某个按钮,将当前环境即浏览器端cookie中的语言类型修改为希望展示的语言类型,然后刷新页面,重新发送对该网页的访问请求至动态资源服务端。服务端通过cookie中的语言类型即可确定使用的语言包。比如,用户电脑支持使用中文,但若想展示“你好”这句话是需要下发这段翻译文案来显示的,否则即使电脑支持中文也无法得知用户需要展示“你好”。
现有技术中,由于用户访问网页时,开发者并不清楚用户所处的语言环境,所以通常处理手段是将需要支持的语言类型文件均打包到一起,例如使用到中、英、泰三种语言,需要把这三种语言的翻译整体打包到一起,用户访问网页时需要下载含有这三种翻译文案的语言包,然后根据用户当前的语言环境判断需要加载哪种语言的翻译文案,这样就造成了用户会加载用不到的语言包。本方案根据用户所处的语言环境或者主动设置的语言类型,精确加载用户需要到的语言包,并且不同语言包可以独立与其它语言打包,以此解决了上述问题。
对于步骤S102,每个语言类型文件内均增设检查执行环境方法function getLang(){return{name:'hello world'}},主要通过判断是否存在window对象决定,如果存在window对象则表示是在browser环境中执行,反之则是server环境。此处的执行环境指程序执行环境,例如浏览器端打开网站时浏览器端即为当前程序的执行环境,在服务端执行程序代码时的执行环境则为服务端。
动态资源服务端需要首先加载语言包,然后利用语言包中的检查执行环境方法,判断当前执行环境内是否存在window对象,若不存在,则需要利用与server环境对应的执行方法,加载并利用语言包中的翻译文案,翻译得到网页首屏信息。之后将网页首屏信息、未翻译的网页剩余信息和语言类型一同发送给浏览器端。执行代码<script src="//mstatic.xx.co.th/wholee/v1.3/js/th_TH.js?202103311805"></script>
对于步骤S103,由于语言包根据功能复杂的程度可能会特别大,若将语言包随网页响应内容一同发给浏览器端,会影响网页的加载速度,所以需要将语言包单独放到一个文件中,然后由浏览器端单独发起语言包加载请求。且动态资源服务端仅翻译网页首屏信息,并非网页全部信息,因而需要由浏览器端自行翻译剩余的网页信息。
因而对于浏览器端,需要单独向静态资源服务端发送对该语言包的加载请求,该加载请求可以基于动态资源服务端返回的语言类型生成。在从静态资源服务端处加载语言包后,利用该语言包中的检查执行环境方法,判断当前执行环境内是否存在window对象,若存在,确定是浏览器端环境,将语言包加载到window对象中,以利用语言包中的翻译文案,翻译网页剩余信息并显示。
每个语言类型源码文件被构建对应生产包时,均设有一个单独的文件作为构建的入口,这样构建出来的文件就分别对应一种语言类型的生产包。在webpack.config.js中的entry(语言访问入口)内,配置多语言的语言包访问入口,以根据不同语言包的导出需求,导出不同语言类型的翻译文案。
这样每种语言类型仅对应一种语言类型文件,不同语言类型文件可以单独打包。如果用户在browser环境访问web服务,根据server端返回的语言类型来生成语言包加载请求,以从server端加载对应的语言包。如果用户访问server端的服务,根据URI/URL携带的信息,如path、query、params、userAgent等获取用户的语言环境,然后加载对应的语言包。
上述实施例所提供的方法,根据用户所处语言环境或者主动设置的语言类型,精确加载所需使用的语言翻译文案,避免加载无用的语言信息,以此加快网页打开速度,节省流量;对于每个语言类型文件进行单独打包,优化了打包过程中没有必要重新打包的部分。
参见图3,示出了本发明实施例提供的一种网页语言管理装置300的主要模块示意图,包括:
查询模块301,用于接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问所述目标网页所使用的语言类型;
翻译模块302,用于利用与所述语言类型对应的语言包,翻译得到网页首屏信息,将所述网页首屏信息、网页剩余信息和所述语言类型传输至浏览器端;
加载模块303,用于接收浏览器端传输的对所述语言包的加载请求,将所述语言包返回给浏览器端,以使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示。
本发明实施装置中,所述查询模块301,用于:
获取所述访问请求中的cookie,确定所述cookie中的请求IP地址,查询是否存在与所述IP地址对应的历史访问记录;
若存在,则确定浏览器端历史访问过所述目标网页,从所述cookie中获取上一次访问所述目标网页所使用的语言类型,否则获取预设语言类型。
本发明实施装置还包括重请求模块,用于:
基于用户在浏览器端对语言类型的修改操作,更新cookie,并重新发送对所述目标网页的访问请求至服务端。
本发明实施装置中,所述翻译模块302,用于:
从内存中加载与所述语言类型对应的语言包,利用所述语言包中的检查执行环境装置,判断当前执行环境内是否存在窗口对象;
若不存在,则确定当前执行环境为服务端环境,利用所述语言包中的翻译文案,翻译得到网页首屏信息。
本发明实施装置中,所述翻译模块302,用于:
利用与所述服务端环境对应的执行装置,加载所述语言包中的翻译文案,进而利用所述翻译文案翻译得到网页首屏信息。
本发明实施装置中,所述加载模块303,用于:
利用所述语言包中的检查执行环境装置,判断当前执行环境内是否存在窗口对象;
若存在,则确定当前执行环境为浏览器端环境,将所述语言包挂载到所述窗口对象中,以利用所述语言包中的翻译文案,翻译网页剩余信息并显示。
本发明实施装置还包括:在每个语言包内增设检查执行环境装置。
本发明实施装置还包括创建模块,用于:
创建多个语言类型文件,以分别存储不同语言类型的翻译文案,单独将每个语言类型文件打包为语言包形式;以及
接收对至少一个语言类型文件中翻译文案的修改操作。
本发明实施装置中,所述创建模块,用于:
对于一个语言类型的源码文件,分别处理为第一生产环境使用的第一语言类型文件和第二生产环境使用的第二语言类型文件;其中,所述第一生产环境为静态资源服务端环境,包含所有语言类型文件,用于处理浏览器端传输的语言包加载请求,所述第二生产环境为动态资源服务端环境,用于处理网页访问请求,以及翻译网页首屏信息。
另外,在本发明实施例中所述装置的具体实施内容,在上面所述方法中已经详细说明了,故在此重复内容不再说明。
图4示出了可以应用本发明实施例的示例性系统架构400,包括终端设备401、402、403,网络404和服务器405(仅仅是示例)。
终端设备401、402、403可以是具有显示屏并且支持网页浏览的各种电子设备,安装有各种通讯浏览器端应用,用户可以使用终端设备401、402、403通过网络404与服务器405交互,以接收或发送消息等。
网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
服务器405可以是提供各种服务的服务器,用于执行处理浏览器端传输的加载语言包、访问目标网页操作。
需要说明的是,本发明实施例所提供的方法一般由服务器405执行,相应地,装置一般设置于服务器405中。
应该理解,图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图5,其示出了适于用来实现本发明实施例的终端设备的计算机系统500的结构示意图。图5示出的终端设备仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图5所示,计算机系统500包括中央处理单元(CPU)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
以下部件连接至I/O接口505:包括键盘、鼠标等的输入部分506;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507;包括硬盘等的存储部分508;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器510上,以便于从其上读出的计算机程序根据需要被安装入存储部分508。
特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分509从网络上被下载和安装,和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中,例如,可以描述为:一种处理器包括查询模块、翻译模块、加载模块。其中,这些模块的名称在某种情况下并不构成对该模块本身的限定,例如,加载模块还可以被描述为“语言包加载模块”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:
接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问所述目标网页所使用的语言类型;
利用与所述语言类型对应的语言包,翻译得到网页首屏信息,将所述网页首屏信息、网页剩余信息和所述语言类型传输至浏览器端;
接收浏览器端传输的对所述语言包的加载请求,将所述语言包返回给浏览器端,以使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示。
根据本发明实施例的技术方案,根据用户所处语言环境或者主动设置的语言类型,精确加载所需使用的语言翻译文案,避免加载无用的语言信息,以此加快网页打开速度,节省流量;对于每个语言类型文件进行单独打包,优化了打包过程中没有必要重新打包的部分。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (12)
1.一种网页语言管理方法,其特征在于,包括:
接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问所述目标网页所使用的语言类型;
利用与所述语言类型对应的语言包,翻译得到网页首屏信息,将所述网页首屏信息、网页剩余信息和所述语言类型传输至浏览器端;
接收浏览器端传输的对所述语言包的加载请求,将所述语言包返回给浏览器端,以使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示。
2.根据权利要求1所述的方法,其特征在于,所述查询浏览器端访问所述目标网页所使用的语言类型,包括:
获取所述访问请求中的cookie,确定所述cookie中的请求IP地址,查询是否存在与所述IP地址对应的历史访问记录;
若存在,则确定浏览器端历史访问过所述目标网页,从所述cookie中获取上一次访问所述目标网页所使用的语言类型,否则获取预设语言类型。
3.根据权利要求2所述的方法,其特征在于,还包括:
基于用户在浏览器端对语言类型的修改操作,更新cookie,并重新发送对所述目标网页的访问请求至服务端。
4.根据权利要求1所述的方法,其特征在于,所述利用与所述语言类型对应的语言包,翻译得到网页首屏信息,包括:
从内存中加载与所述语言类型对应的语言包,利用所述语言包中的检查执行环境方法,判断当前执行环境内是否存在窗口对象;
若不存在,则确定当前执行环境为服务端环境,利用所述语言包中的翻译文案,翻译得到网页首屏信息。
5.根据权利要求4所述的方法,其特征在于,所述利用所述语言包中的翻译文案,翻译得到网页首屏信息,包括:
利用与所述服务端环境对应的执行方法,加载所述语言包中的翻译文案,进而利用所述翻译文案翻译得到网页首屏信息。
6.根据权利要求1所述的方法,其特征在于,所述使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示,包括:
利用所述语言包中的检查执行环境方法,判断当前执行环境内是否存在窗口对象;
若存在,则确定当前执行环境为浏览器端环境,将所述语言包挂载到所述窗口对象中,以利用所述语言包中的翻译文案,翻译网页剩余信息并显示。
7.根据权利要求4或6所述的方法,其特征在于,在所述利用所述语言包中的检查执行环境方法之前,还包括:在每个语言包内增设检查执行环境方法。
8.根据权利要求1所述的方法,其特征在于,在所述利用与所述语言类型对应的语言包,翻译得到网页首屏信息之前,还包括:
创建多个语言类型文件,以分别存储不同语言类型的翻译文案,单独将每个语言类型文件打包为语言包形式;以及
接收对至少一个语言类型文件中翻译文案的修改操作。
9.根据权利要求8所述的方法,其特征在于,所述创建多个语言类型文件,包括:
对于一个语言类型的源码文件,分别处理为第一生产环境使用的第一语言类型文件和第二生产环境使用的第二语言类型文件;其中,所述第一生产环境为静态资源服务端环境,包含所有语言类型文件,用于处理浏览器端传输的语言包加载请求,所述第二生产环境为动态资源服务端环境,用于处理网页访问请求,以及翻译网页首屏信息。
10.一种网页语言管理装置,其特征在于,包括:
查询模块,用于接收浏览器端传输的对目标网页的访问请求,查询浏览器端访问所述目标网页所使用的语言类型;
翻译模块,用于利用与所述语言类型对应的语言包,翻译得到网页首屏信息,将所述网页首屏信息、网页剩余信息和所述语言类型传输至浏览器端;
加载模块,用于接收浏览器端传输的对所述语言包的加载请求,将所述语言包返回给浏览器端,以使得浏览器端利用所述语言包对所述网页剩余信息进行翻译及显示。
11.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-9中任一所述的方法。
12.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-9中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110412027.1A CN113076164B (zh) | 2021-04-16 | 2021-04-16 | 一种网页语言管理方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110412027.1A CN113076164B (zh) | 2021-04-16 | 2021-04-16 | 一种网页语言管理方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113076164A CN113076164A (zh) | 2021-07-06 |
CN113076164B true CN113076164B (zh) | 2024-04-16 |
Family
ID=76617925
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110412027.1A Active CN113076164B (zh) | 2021-04-16 | 2021-04-16 | 一种网页语言管理方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113076164B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115016694A (zh) * | 2021-11-18 | 2022-09-06 | 荣耀终端有限公司 | 一种应用程序启动方法及电子设备 |
CN114356480B (zh) * | 2021-12-28 | 2023-11-07 | 数数信息科技(上海)有限公司 | 一种基于figma的前端国际化多语言转换方法及系统 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP0965914A3 (en) * | 1998-04-30 | 2001-07-25 | Phone.Com Inc. | Method and apparatus for implementing a tag-based display language utilizing a procedural instruction language |
CN101908071A (zh) * | 2010-08-10 | 2010-12-08 | 厦门市美亚柏科信息股份有限公司 | 一种提高搜索引擎搜索效率的方法及其系统 |
CN104462074A (zh) * | 2014-12-26 | 2015-03-25 | 北京奇虎科技有限公司 | 一种进行网页数据翻译的方法、装置和浏览器客户端 |
CN105183500A (zh) * | 2015-08-05 | 2015-12-23 | 深圳联友科技有限公司 | 一种网页语言的配置方法及系统 |
CN105868320A (zh) * | 2016-03-25 | 2016-08-17 | 乐视控股(北京)有限公司 | 显示方法、装置和系统 |
CN111427641A (zh) * | 2020-02-27 | 2020-07-17 | 深圳壹账通智能科技有限公司 | 多语言适配方法、装置、系统、计算机设备及存储介质 |
CN111680521A (zh) * | 2020-05-19 | 2020-09-18 | 北京搜狗科技发展有限公司 | 一种翻译处理方法、装置和用于翻译处理的装置 |
CN111966433A (zh) * | 2020-06-30 | 2020-11-20 | 北京百度网讯科技有限公司 | 页面之中语言的更改方法、装置、存储介质及电子设备 |
WO2020253389A1 (zh) * | 2019-06-19 | 2020-12-24 | 深圳壹账通智能科技有限公司 | 页面转译方法、装置、介质及电子设备 |
-
2021
- 2021-04-16 CN CN202110412027.1A patent/CN113076164B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP0965914A3 (en) * | 1998-04-30 | 2001-07-25 | Phone.Com Inc. | Method and apparatus for implementing a tag-based display language utilizing a procedural instruction language |
CN101908071A (zh) * | 2010-08-10 | 2010-12-08 | 厦门市美亚柏科信息股份有限公司 | 一种提高搜索引擎搜索效率的方法及其系统 |
CN104462074A (zh) * | 2014-12-26 | 2015-03-25 | 北京奇虎科技有限公司 | 一种进行网页数据翻译的方法、装置和浏览器客户端 |
CN105183500A (zh) * | 2015-08-05 | 2015-12-23 | 深圳联友科技有限公司 | 一种网页语言的配置方法及系统 |
CN105868320A (zh) * | 2016-03-25 | 2016-08-17 | 乐视控股(北京)有限公司 | 显示方法、装置和系统 |
WO2020253389A1 (zh) * | 2019-06-19 | 2020-12-24 | 深圳壹账通智能科技有限公司 | 页面转译方法、装置、介质及电子设备 |
CN111427641A (zh) * | 2020-02-27 | 2020-07-17 | 深圳壹账通智能科技有限公司 | 多语言适配方法、装置、系统、计算机设备及存储介质 |
CN111680521A (zh) * | 2020-05-19 | 2020-09-18 | 北京搜狗科技发展有限公司 | 一种翻译处理方法、装置和用于翻译处理的装置 |
CN111966433A (zh) * | 2020-06-30 | 2020-11-20 | 北京百度网讯科技有限公司 | 页面之中语言的更改方法、装置、存储介质及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN113076164A (zh) | 2021-07-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10831858B2 (en) | Mobile enablement of existing web sites | |
CN110120917B (zh) | 基于内容的路由方法及装置 | |
CN109062563B (zh) | 用于生成页面的方法和装置 | |
US20170371974A1 (en) | Method for loading webpage, client and programmable device | |
CN113076164B (zh) | 一种网页语言管理方法和装置 | |
CN111338623B (zh) | 一种开发用户界面的方法、装置、介质和电子设备 | |
CN112395027B (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
CN110858202A (zh) | 数据库查询语句中where子句的生成方法和生成装置 | |
CN110830374A (zh) | 一种基于sdk的灰度发布的方法和装置 | |
CN113760324A (zh) | 构建微前端应用的方法和装置 | |
CN112579928A (zh) | 页面跳转方法、装置、计算机设备及计算机可读存储介质 | |
CN110020304A (zh) | 一种加载页面的方法和装置 | |
CN113010827A (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
CN111294395A (zh) | 一种终端页面传输方法、装置、介质和电子设备 | |
CN115599386A (zh) | 代码生成方法、装置、设备及存储介质 | |
CN113495730A (zh) | 资源包的生成及解析方法和装置 | |
CN113760283A (zh) | 一种文本渲染方法和装置 | |
CN113761871A (zh) | 富文本渲染方法、装置、电子设备以及存储介质 | |
CN111753226A (zh) | 一种页面加载方法和装置 | |
CN115373783A (zh) | 一种页面语言切换方法和装置 | |
CN112783903B (zh) | 生成更新日志的方法和装置 | |
US20210294988A1 (en) | Machine Translation of Digital Content | |
CN114741158A (zh) | 页面切换方法、装置、设备以及存储介质 | |
CN114064176A (zh) | 一种视图交互方法、装置、电子设备及计算机可读介质 | |
CN113377376A (zh) | 数据包生成方法、数据包生成装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |