CN112784191A - 一种超文本邮件渲染方法、装置、设备和介质 - Google Patents
一种超文本邮件渲染方法、装置、设备和介质 Download PDFInfo
- Publication number
- CN112784191A CN112784191A CN202010540085.8A CN202010540085A CN112784191A CN 112784191 A CN112784191 A CN 112784191A CN 202010540085 A CN202010540085 A CN 202010540085A CN 112784191 A CN112784191 A CN 112784191A
- Authority
- CN
- China
- Prior art keywords
- page
- rendering
- client
- hypertext
- 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.)
- Pending
Links
Images
Classifications
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/10—Office automation; Time management
- G06Q10/107—Computer-aided management of electronic mailing [e-mailing]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Theoretical Computer Science (AREA)
- Human Resources & Organizations (AREA)
- Databases & Information Systems (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Entrepreneurship & Innovation (AREA)
- Strategic Management (AREA)
- Physics & Mathematics (AREA)
- Marketing (AREA)
- Operations Research (AREA)
- Quality & Reliability (AREA)
- Tourism & Hospitality (AREA)
- Economics (AREA)
- General Business, Economics & Management (AREA)
- Computer Hardware Design (AREA)
- Signal Processing (AREA)
- Computer Networks & Wireless Communication (AREA)
- General Engineering & Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种超文本邮件渲染方法、装置、设备和介质,所述方法包括:服务器向客户端发送超文本邮件,超文本邮件中包括页面标识信息和页面显示结构。服务器接收客户端发送的页面渲染请求,页面渲染请求中携带有客户端本地的页面绘制参数和所述页面标识信息。服务器获取所述页面标识信息对应的页面内容数据。服务器根据所述页面绘制参数和所述页面内容数据,确定与客户端的显示环境匹配的页面渲染结果。服务器将所述页面渲染结果发送到客户端,以使得客户端根据目标页面显示结构显示所述页面渲染结果。所述方法通过响应式布局的方式,提高了用户友好度,并通过服务器渲染的方式,避免了客户端渲染时的问题,提高了渲染的质量。
Description
技术领域
本发明涉及超文本邮件领域,尤其涉及一种超文本邮件渲染方法、装置、设备和介质。
背景技术
超文本邮件是指一类像网页一样的邮件,它包含有超文本链接,单击链接可以转到其他页面,可以有图片,声音等。在现有技术中,打开超文本邮件时,移动端和电脑端使用的是同样的页面渲染结果,无法实现超文本邮件的响应式布局,且超文本邮件的内容发送到用户邮箱的时候邮件的显示内容固定,用户查看的邮件无法根据数据实时更新。
在现有技术中,移动端邮箱和电脑端邮箱中都存在超文本邮件的渲染问题。移动端的超文本解析引擎不一致,无法保证超文本邮件在所有系统的移动端邮箱上渲染正确。而电脑端中,由于版本更新的原因,也会出现超文本解析行为一致的情况,且为了兼容特定的电脑端邮箱,需要编写大量兼容性代码,以使得超文本邮件在该特定的电脑端邮箱打开时能够正确渲染。因此需要解决移动端的解析问题和电脑端的兼容问题。
发明内容
本发明提供了一种超文本邮件渲染方法、装置、设备和介质,使得不同的客户端对应不同的渲染方式,显示不同的页面渲染结果,以得到响应式布局,提高了用户友好度。且通过服务器渲染的方式避免了客户端渲染时的解析错误和兼容性的问题,提高了渲染质量。
一方面,本发明提供了一种超文本邮件渲染方法,所述方法包括:
响应于超文本邮件的打开指令,根据客户端的显示环境和所述页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构;
接收所述客户端发送的页面渲染请求,所述页面渲染请求携带有客户端本地的页面绘制参数和所述页面标识信息;
获取所述页面标识信息对应的页面内容数据;
根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果;
将所述页面渲染结果发送到所述客户端,以使得所述客户端根据目标页面显示结构显示所述页面渲染结果。
另一方面提供了一种超文本邮件渲染装置,所述装置包括:目标页面显示结构确定模块、渲染请求接收模块、页面内容获取模块、渲染结果获取模块和渲染结果发送模块;
所述目标页面显示结构确定模块用于响应于超文本邮件的打开指令,根据客户端的显示环境和所述超文本邮件的页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构;
所述渲染请求接收模块用于接收所述客户端发送的页面渲染请求,所述页面渲染请求携带有客户端本地的页面绘制参数和所述页面标识信息;
所述页面内容获取模块用于获取所述页面标识信息对应的页面内容数据;
所述渲染结果获取模块用于根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果;
所述渲染结果发送模块用于将所述页面渲染结果发送到所述客户端,以使得所述客户端根据目标页面显示结构显示所述页面渲染结果。
另一方面提供了一种电子终端设备,所述设备包括处理器和存储器,所述存储器中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现上述所述的一种超文本邮件渲染方法。
另一方面提供了一种计算机可读存储介质,所述存储介质包括处理器和存储器,所述存储器中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如上述所述的一种超文本邮件渲染方法。
本发明提供的一种超文本邮件渲染方法、装置、设备和介质,所述方法包括:客户端打开服务器发送的超文本邮件时,向服务器发送页面渲染请求,服务器根据页面渲染请求中的标识信息获取页面内容数据,并根据页面渲染请求中的页面绘制参数确定渲染方式,服务器根据页面内容数据和渲染方式,得到页面渲染结果。服务器发送页面渲染结果到客户端,以使得客户端通过目标页面显示结构显示页面渲染结果,所述方法使得服务器能根据不同的客户端采用不同的渲染方式,提高了用户友好度。所述方法通过服务器进行渲染,可以避免客户端碎片化导致的渲染能力不足的问题,提高页面渲染的质量。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种超文本邮件渲染方法的应用场景示意图;
图2为本发明实施例提供的一种超文本邮件渲染方法在服务器侧的方法流程图;
图3为本发明实施例提供的一种超文本邮件渲染方法确定目标页面显示结构的方法流程图;
图4为本发明实施例提供的一种超文本邮件渲染方法中页面显示结构的示意图;
图5为本发明实施例提供的一种超文本邮件渲染方法中执行页面显示结构的编码的示意图;
图6为本发明实施例提供的一种超文本邮件渲染方法中缓存数据更新的方法流程图;
图7为本发明实施例提供的一种超文本邮件渲染方法中服务器进行页面渲染的方法流程图;
图8为本发明实施例提供的一种超文本邮件渲染方法中根据不同的客户端选择不同的渲染方式的方法流程图;
图9为本发明实施例提供的一种超文本邮件渲染方法中响应式布局的实现方式示意图;
图10为本发明实施例提供的一种超文本邮件渲染方法中的电脑端渲染结果的示意图;
图11为本发明实施例提供的一种超文本邮件渲染方法中的移动端渲染结果的示意图;
图12为本发明实施例提供的一种超文本邮件渲染方法应用于舆情监控场景中的方法流程图;
图13为本发明实施例提供的一种超文本邮件渲染方法中服务器与客户端渲染时进行交互的方法流程图;
图14为本发明实施例提供的一种超文本邮件渲染方法中邮件显示的流程示意图;
图15为本发明实施例提供的执行一种超文本邮件渲染方法时服务器与客户端的各个服务模块的逻辑示意图;
图16为本发明实施例提供的一种超文本邮件渲染装置的结构示意图;
图17为本发明实施例提供的一种用于实现本发明实施例所提供的方法的设备的硬件结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述。显然,所描述的实施例仅仅是本发明的一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本发明的描述中,需要理解的是,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。而且,术语“第一”、“第二”等适用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。
请参见图1,其显示了本发明实施例提供的一种超文本邮件渲染方法的应用场景示意图,所述应用场景包括客户端110和服务器120,所述客户端110接收服务器120发送的超文本邮件后,在用户打开超文本邮件时,客户端110发送页面渲染请求到服务器120中,服务器120根据页面渲染请求中的页面绘制参数进行渲染,再将页面渲染结果发送到客户端110,客户端110在超文本邮件中的页面显示结构中选取匹配的目标页面显示结构,显示页面渲染结果。
在本发明实施例中,所述客户端110可以包括智能手机、台式电脑、平板电脑、笔记本电脑、数字助理、智能可穿戴设备等类型的实体设备,也可以包括运行于实体设备中的软体,例如测试程序等。本申请实施例中用户终端110上运行的操作系统可以包括但不限于安卓系统、IOS系统、linux、windows、Mac等。
本发明实施例中,所述服务器110可以包括一个独立运行的服务器,或者分布式服务器,或者由多个服务器组成的服务器集群。服务器110可以包括有网络通信单元、处理器和存储器等等。
请参见图2,其显示了一种超文本邮件渲染方法,可应用于服务器侧,所述方法包括:
S210.响应于超文本邮件的打开指令,根据客户端的显示环境和所述超文本邮件的页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构;
进一步地,请参见图3,所述页面显示结构包括预设显示环境的图像容器和非预设显示环境的图像容器,所述非预设显示环境的图像容器包括第一图像容器和第二图像容器,所述响应于所述超文本邮件的打开指令,根据所述客户端的显示环境和所述页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构包括;
S310.若通过预设邮箱触发所述超文本邮件的打开指令,将所述预设显示环境的图像容器作为目标页面显示结构;
S320.若通过非预设邮箱触发超文本邮件的打开指令,确定所述客户端的客户端类型;
S330.若所述客户端的客户端类型与所述第一图像容器匹配,将所述第一图像容器作为目标页面显示结构;
S340.若所述客户端类型信息与所述第二图像容器匹配,确定所述客户端的屏幕精度;
S350.根据所述客户端的屏幕精度,将与所述客户端的屏幕精度匹配的第二图像容器作为目标页面显示结构。
具体地,客户端调用超文本邮件中的页面显示结构,对服务器发送的页面渲染结果进行显示。请参见图4,如图4所示为页面显示结构的示意图,预设邮箱可以为outlook邮箱,超文本邮件中的页面显示结构具有outlook邮箱图像容器和非outlook邮箱图像容器两种图像容器,可以使用mso代码和css hack编写outlook邮箱图像容器和非outlook邮箱图像容器。其中,css hack是通过在CSS样式中加入一些特殊的符号,使得不同的客户端中的浏览器识别不同的符号。其中mso代码是只有outlook邮件客户端的网页渲染引擎(Wordrending engine,word-html)可识别的代码。
在具体的执行代码过程中,请参见图5,如图5为执行页面显示结构中的编码时的示意图,其中,<!--[if mso]>内容<!--[endif]—>是通过mso代码编写的只有outlook可识别的编码内容。在执行这段编码时,若触发邮件打开指令的是outlook邮箱,则执行隐藏非outlook邮箱图像容器的编码,具有outlook邮箱的客户端会将非outlook邮箱图像容器的编码视为注释而不去执行。若触发邮件打开指令的是非outlook邮箱,则由于mso代码只能通过outlook可以识别,因此其他的客户端不会对mso的代码进行识别,从而隐藏outlook邮箱图像容器的编码。
非outlook邮箱图像容器中包括电脑端图像容器和移动端图像容器,通过mediaquery操作来查询本地客户端的屏幕宽度,从而区分本地客户端为电脑端还是移动端。例如当屏幕宽度小于640时,可以确定本地客户端为移动端。若确定本地客户端为电脑端,则显示电脑端图像容器,隐藏移动端图像容器,将页面渲染结果通过电脑端图像容器进行显示。
若确定本地客户端为移动端,则移动端图像容器根据本地客户端的屏幕设备像素比(devicePixelRatio)来区分显示不同精度的图像渲染结果,选择对应精度的移动端图像容器,将页面渲染结果通过对应精度的移动端图像容器进行显示。例如,移动端图像容器包括双倍精度的图像显示、三倍精度的图像显示、以及四倍精度的图像显示。若本地客户端的屏幕设备像素比可以匹配三倍精度显示图像,则通过移动端图像容器进行三倍精度的图像显示。
若本地客户端的屏幕设备像素比在预设的不同精度的移动端图像容器中均无匹配,可以设置默认屏幕精度值,显示时移动端图像容器基于默认屏幕精度值进行显示。例如设置双倍精度显示图像为默认显示,则在无匹配的情况出现时,通过移动端图像容器进行双倍精度的图像显示。
通过编辑预设显示环境的图像容器和非预设显示环境的图像容器的方式,使得在确定调用目标页面显示结构进行显示时,可以隐藏其他页面显示结构,避免了兼容特定电脑端邮箱时需要编写大量的兼容性代码的问题,减小了代码量,提高了开发效率。
S220.接收所述客户端发送的页面渲染请求,所述页面渲染请求携带有客户端本地的页面绘制参数和所述页面标识信息;
进一步地,请参见图6,所述接收所述客户端发送的页面渲染请求之后,还包括:
S610.获取所述页面标识信息对应的页面内容更新数据;
S620.查找与所述页面标识信息和所述页面绘制参数匹配的页面渲染缓存结果;
S630.根据所述页面内容更新数据,对所述页面渲染缓存结果进行更新;
S640.将更新后的所述页面渲染缓存结果发送到客户端,以使得所述客户端根据目标页面显示结构显示更新后的所述页面渲染缓存结果。
具体地,若在服务器中已经存储有渲染好的页面渲染缓存结果,此时又获取到了同一页面标识信息对应的页面内容更新数据,可以根据页面内容更新数据直接对页面渲染缓存结果进行更新。服务器获取更新后的页面渲染缓存结果,发送到客户端中,客户端可以显示更新后的页面渲染缓存结果,使得用户在打开邮件时,能够看到实时更新的数据信息。
例如用户在打开邮件之前,服务器收集了10条数据发送到客户端,但是用户打开邮件时,又更新了5条数据,那么在用户打开邮件时,服务器接收到渲染请求,就会根据页面标识信息,得到更新后的5条数据,在页面渲染结果中呈现15条数据。
通过更新缓存图像的方式,能够得到进行动态更新的页面渲染结果,使得用户打开邮件时可以看到实时内容,提高了用户体验。
S230.获取所述页面标识信息对应的页面内容数据;
S240.根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果;
进一步地,请参见图7,页面绘制参数包括客户端类型信息和区域尺寸信息,根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果包括:
S710.根据所述客户端类型信息,确定所述客户端对应的图像渲染方式;
S720.根据所述区域尺寸信息,确定所述待渲染网页中的各个渲染区域;
S730.基于所述图像渲染方式,对所述待渲染网页中的各个渲染区域进行渲染,得到页面渲染结果。
具体地,客户端类型信息可以包括电脑端和移动端,对电脑端和移动端需要采用不同的方式进行渲染。区域尺寸信息为超文本邮件中图像显示时的最大区域信息,例如,在outlook中单张图片的高度不得超过1728px,因此需要基于区域尺寸信息,确定待渲染页面是否超过预设的最大高度,若超过,则需要对待渲染页面进行分片渲染。
服务器在通过页面标识信息访问相对应的网址,从而获取页面内容数据时,获取的是具有响应式布局的超文本标记语言的(Hyper Text Markup Language,HTML)代码,通过无头浏览器对待渲染网页中的各个渲染区域进行分片渲染,得到渲染结果。所述渲染结果可以在客户端拼接后,以图像的方式进行显示。无头浏览器可以是Puppeteer或PhantomJS等。
通过服务器进行渲染,可以避免客户端碎片化导致的渲染能力不足的问题,使得移动端的解析问题和电脑端的兼容性问题不会影响到网页的渲染,从而提高页面渲染的质量。
进一步地,请参见图8,所述图像渲染方式包括第一渲染方式和第二渲染方式,所述基于所述图像渲染方式,对所述待渲染网页中的各个渲染区域进行渲染,得到页面渲染结果包括:
S810.若所述图像渲染方式为第一渲染方式,获取与所述第一渲染方式匹配的预设屏幕精度值;
S820.基于所述第一渲染方式和所述预设屏幕精度值,对所述待渲染网页中的各个渲染区域进行渲染,得到页面渲染结果;
S830.若所述图像渲染方式为第二渲染方式,接收的页面渲染请求中的页面绘制参数还包括屏幕精度信息;
S840.基于所述第二渲染方式和所述屏幕精度信息,对所述待渲染网页中的各个渲染区域进行渲染,得到与所述屏幕精度信息对应的页面渲染结果。
具体地,当通过客户端类型信息确定客户端为电脑端时,对应的渲染方式为第一渲染方式,无头浏览器通过电脑端内核进行渲染。电脑端的渲染方式是通过预设的屏幕精度值进行统一渲染的,因此直接获取默认的屏幕精度值,例如二倍精度,对待渲染网页中的各个渲染区域进行渲染,得到页面渲染结果。
当通过客户端类型信息确定客户端为移动端时,对应的渲染方式为第二渲染方式,无头浏览器通过多种屏幕精度的移动端内核进行渲染,其中,多种屏幕精度的移动端内核可以具有三种屏幕精度,包括二倍精度的移动端内核,三倍精度的移动端内核和四倍精度的移动端内核。
多种屏幕精度的移动端内核是为了匹配不同精度的移动端的,因此在服务器接收客户端发送的页面渲染请求时,若客户端为移动端,客户端会将移动端的屏幕精度信息发送到服务器中,服务器根据该屏幕精度信息,选择对应精度的移动端内核进行渲染,得到与屏幕精度信息对应的页面渲染结果。
在一个具体的实施例中,在进行渲染时,可以通过超文本标记语言5.0(HyperText Markup Language 5.0,HTML5)和层叠样式表3级(Cascading Style Sheets level3,CSS3)提供的能力实现响应式布局,包括不限于媒介查询布局(media query)、弹性布局(flex)、伸缩布局(rem)、网格布局(Grid)等,其中,通过不同的媒介类型和条件定义样式表规则,媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件。请参见图9,如图9所示为响应式布局的实现方式示意图,电脑端和手机端在进行渲染时均会执行基础的CSS代码,但是不同的手机端还会执行不同设置的CSS代码,并在执行时覆盖前面执行的基础CSS代码,从而得到响应式布局的效果,在不同的移动端上适配该移动端的显示环境进行显示。在渲染时只通过无头浏览器进行渲染,因此不需要考虑电脑端和各个移动端之间的兼容性问题。最终在客户端进行显示时,可以得到如图10所示的电脑端渲染结果,以及如图11所示的移动端渲染结果,可见页面渲染结果能够与屏幕界面相匹配,在不同的客户端呈现不同的页面布局方式。
适配于不同屏幕精度的移动端和电脑端,进行响应式布局,使得不同的客户端对应不同的渲染方式,提高了用户友好度。且基于html5和css3来编写用于邮件展示的网页,可以使用脚本实现更加丰富的用户界面,提高了用户体验。
S250.将所述页面渲染结果发送到所述客户端,以使得所述客户端根据目标页面显示结构显示所述页面渲染结果。
具体地,客户端本地不进行图像渲染,由服务器完成图像渲染。客户端根据本地的显示环境,在页面显示结构中选择对应的目标页面显示结构,在接收服务器发送的页面渲染结果时,隐藏页面显示结构中的其他页面显示结构,通过目标页面显示结构显示页面渲染结果。
客户端本地还可以生成页面绘制参数,发送到服务器中,使得服务器在进行页面渲染时,能够根据与客户端对应的页面绘制参数,得到与客户端本地的显示环境相匹配的页面渲染结果。若客户端为电脑端,则页面绘制参数包括客户端类型信息和区域尺寸信息,若客户端为移动端,则页面绘制参数包括客户端类型信息、区域尺寸信息和屏幕精度信息。
客户端本地还可以拼接服务器反馈的分片渲染的页面渲染结果,将分片渲染的页面渲染结果拼接为报告形式展示给用户。
进一步地,请参见图12,所述超文本邮件渲染方法可以应用在舆情监控的场景中,所述方法包括:
S1210.获取用户设置信息;
S1220.根据所述用户设置信息中的告警触发条件,获取舆情监控的告警数据;
S1230.根据所述告警数据,生成页面标识信息;
S1240.根据所述页面标识信息和预设的页面显示结构,生成超文本邮件;
S1250.检索与所述用户设置信息匹配的邮箱地址;
S1260.将所述超文本邮件发送到所述邮箱地址。
具体地,用户可在产品web端配置告警阈值、想要监控的媒体渠道和想要监控的词语,如闪退、作弊等。当有媒体渠道中的数据超过阈值后后台服务会触发告警,生成一封报告以邮件的形式发送给指定人员。邮件接收者可根据报告内容发现和处理相关问题。
用户预设舆情监控的告警触发条件,例如预设关键词,关键词出现一次即触发舆情告警。服务器根据该告警触发条件,生成一个网页链接,该网页链接即页面标识信息,用于展示告警报告的内容。将该网页链接和预设的页面显示结构一起生成超文本邮件,页面显示结构是由在不同客户端进行显示的图像容器构成,对应打开邮件的客户端,选择对应的图像容器来显示页面渲染结果。
服务器生成超文本邮件后,检索与用户设置信息匹配的邮箱地址,确定需要发送超文本邮件的收件人,将超文本邮件发送到该邮箱地址中。
请参见图13,其显示了服务器与客户端交互式的超文本邮件渲染方法,所述方法包括:
S1310.服务器向客户端发送超文本邮件,其中,超文本邮件包括页面标识信息和页面显示结构;
S1320.服务器响应于超文本邮件的打开指令,根据客户端的显示环境和页面显示结构,确定与客户端的显示环境匹配的目标页面显示结构;
S1330.客户端向服务器发送页面渲染请求,其中,页面渲染请求携带有客户端本地的页面绘制参数和页面标识信息;
S1340.服务器获取页面标识信息对应的页面内容数据;
S1350.服务器根据页面绘制参数和页面内容数据,确定与客户端的显示环境匹配的页面渲染结果;
S1360.服务器将页面渲染结果发送到客户端;
S1370.客户端根据目标页面显示结构显示页面渲染结果。
具体地,请参见图14和图15,如图14所示为邮件显示的交互流程图,图15为服务器与客户端中各个服务模块的整体架构图。
用户在客户端打开邮件,服务器接到客户端打开邮件的指令后,先判断是否为预设的邮箱环境,预设的邮箱环境可以是outlook邮箱。若是outlook邮箱,则默认为电脑端,选择outlook邮箱图像容器预备显示由服务器发送的页面渲染结果。若不是outlook邮箱,则判断是移动端还是电脑端,选择相应的移动端图像容器或电脑端图像容器预备进行显示。
客户端生成页面渲染请求,发送到服务器的绘图服务,由服务器进行页面渲染。若页面渲染请求中的标识信息与服务器中图片缓存服务存储的页面渲染缓存结果的标识信息匹配,则服务器根据标识信息对应页面内容更新数据,更新页面渲染缓存结果,将更新后的页面渲染缓存结果发送到客户端中进行显示。
若没有匹配到缓存结果,服务器终端绘图服务通过网页(web)服务获取标识信息对应的页面内容数据,即响应式布局的html代码,web服务可以通过与后台服务的信息传输得到页面内容数据。服务器根据响应式布局的html代码和页面渲染请求中的页面绘制参数,通过无头浏览器进行渲染。在渲染页面时,服务器根据页面绘制参数判断客户端类型,选择对应的渲染方式进行渲染,并将最终得到的页面渲染结果进行截图保存。服务器将截图保存的页面渲染结果发送到客户端,客户端将截图的结果拼接成报告,通过先前选择的图像容器进行显示。
本发明实施例提出了一种超文本渲染方法,所述方法包括:客户端打开服务器发送的超文本邮件时,向服务器发送页面渲染请求,服务器根据页面渲染请求中的标识信息获取页面内容数据,并根据页面渲染请求中的页面绘制参数确定渲染方式,服务器根据页面内容数据和渲染方式,得到页面渲染结果。客户端根据客户端本地的显示环境,从超文本邮件中的页面显示结构中得到目标页面显示结构,客户端接收服务器发送的页面渲染结果,通过目标页面显示结构显示页面渲染结果,所述方法适配于不同屏幕精度的移动端和电脑端,进行响应式布局,使得不同的客户端对应不同的渲染方式,提高了用户友好度。所述方法通过服务器进行渲染,可以避免客户端碎片化导致的渲染能力不足的问题,例如移动端的解析问题和电脑端的兼容性问题,提高页面渲染的质量。
本发明实施例还提供了一种服务器侧的超文本邮件渲染装置,请参见图16,所述装置包括:目标页面显示结构确定模块1610、渲染请求接收模块1620、页面内容获取模块1630、渲染结果获取模块1640和渲染结果发送模块1650;
所述目标页面显示结构确定模块1610用于响应于超文本邮件的打开指令,根据客户端的显示环境和所述超文本邮件的页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构;
所述渲染请求接收模块1620用于接收所述客户端发送的页面渲染请求,所述页面渲染请求携带有客户端本地的页面绘制参数和所述页面标识信息;
所述页面内容获取模块1630用于获取所述页面标识信息对应的页面内容数据;
所述渲染结果获取模块1640用于根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果;
所述渲染结果发送模块1650用于将所述页面渲染结果发送到所述客户端,以使得所述客户端根据目标页面显示结构显示所述页面渲染结果。
上述实施例中提供的装置可执行本发明任意实施例所提供方法,具备执行该方法相应的功能模块和有益效果。未在上述实施例中详尽描述的技术细节,可参见本发明任意实施例所提供的一种超文本邮件渲染方法。
本实施例还提供了一种设备,所述设备包括处理器和存储器,其中,所述存储器存储有计算机程序,所述计算机程序适于由所述处理器加载并执行本实施例上述的一种超文本邮件渲染方法。
所述设备可以为计算机终端、移动终端或服务器,所述设备还可以参与构成本发明实施例所提供的装置或系统。如图17所示,以移动终端为例,移动终端17(或计算机终端17或服务器17)可以包括一个或多个(图中采用1702a、1702b,……,1702n来示出)处理器1702(处理器1702可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器1704、以及用于通信功能的传输装置1706。除此以外,还可以包括:显示器、输入/输出接口(I/O接口)、网络接口、电源和/或相机。本领域普通技术人员可以理解,图17所示的结构仅为示意,其并不对上述电子装置的结构造成限定。例如,移动设备17还可包括比图17中所示更多或者更少的组件,或者具有与图17所示不同的配置。
应当注意到的是上述一个或多个处理器1702和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外,数据处理电路可为单个独立的处理模块,或全部或部分的结合到移动设备17(或计算机终端)中的其他元件中的任意一个内。如本申请实施例中所涉及到的,该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。
存储器1704可用于存储应用软件的软件程序以及模块,如本发明实施例中所述的方法对应的程序指令/数据存储装置,处理器1702通过运行存储在存储器1704内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的一种基于自注意力网络的时序行为捕捉框生成方法。存储器1704可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器1704可进一步包括相对于处理器1702远程设置的存储器,这些远程存储器可以通过网络连接至移动设备17。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输装置1706用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端17的通信供应商提供的无线网络。在一个实例中,传输装置1706包括一个网络适配器(Network Interface Controller,NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输装置1706可以为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
显示器可以例如触摸屏式的液晶显示器(LCD),该液晶显示器可使得用户能够与移动设备17(或计算机终端)的用户界面进行交互。
本说明书提供了如实施例或流程图所述的方法操作步骤,但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤和顺序仅仅为众多步骤执行顺序中的一种方式,不代表唯一的执行顺序。在实际中的系统或中断产品执行时,可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。
本实施例中所示出的结构,仅仅是与本申请方案相关的部分结构,并不构成对本申请方案所应用于其上的设备的限定,具体的设备可以包括比示出的更多或更少的部件,或者组合某些部件,或者具有不同的部件的布置。应当理解到,本实施例中所揭露的方法、装置等,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分仅仅为一种逻辑功能的划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元模块的间接耦合或通信连接。
基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,RandomAccess Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
本领域技术人员还可以进一步意识到,结合本说明书所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但这种实现不应认为超出本发明的范围。
以上所述,以上实施例之间可以互相进行参考,且以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种超文本邮件渲染方法,其特征在于,所述方法包括:
响应于超文本邮件的打开指令,根据客户端的显示环境和所述超文本邮件的页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构;
接收所述客户端发送的页面渲染请求,所述页面渲染请求携带有客户端本地的页面绘制参数和所述页面标识信息;
获取所述页面标识信息对应的页面内容数据;
根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果;
将所述页面渲染结果发送到所述客户端,以使得所述客户端根据目标页面显示结构显示所述页面渲染结果。
2.根据权利要求1所述的一种超文本邮件渲染方法,其特征在于,所述页面绘制参数包括客户端类型信息和区域尺寸信息,所述根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果包括:
根据所述客户端类型信息,确定所述客户端对应的图像渲染方式;
根据所述区域尺寸信息,确定待渲染网页中的各个渲染区域;
基于所述图像渲染方式,对待渲染网页中的各个渲染区域进行渲染,得到页面渲染结果。
3.根据权利要求2所述的一种超文本邮件渲染方法,其特征在于,所述图像渲染方式包括第一渲染方式和第二渲染方式,所述基于所述图像渲染方式,对所述待渲染网页中的各个渲染区域进行渲染,得到页面渲染结果包括:
若所述图像渲染方式为第一渲染方式,获取与所述第一渲染方式匹配的预设屏幕精度值;
基于所述第一渲染方式和所述预设屏幕精度值,对所述待渲染网页中的各个渲染区域进行渲染,得到页面渲染结果;
若所述图像渲染方式为第二渲染方式,接收的页面渲染请求中的页面绘制参数还包括屏幕精度信息;
基于所述第二渲染方式和所述屏幕精度信息,对所述待渲染网页中的各个渲染区域进行渲染,得到与所述屏幕精度信息对应的页面渲染结果。
4.根据权利要求1所述的一种超文本邮件渲染方法,其特征在于,所述发送超文本邮件,所述超文本邮件包括页面标识信息和页面显示结构之前,还包括:
获取用户设置信息;
根据所述用户设置信息中的告警触发条件,获取舆情监控的告警数据;
根据所述告警数据,生成页面标识信息;
根据所述页面标识信息和预设的页面显示结构,生成超文本邮件;
检索与所述用户设置信息匹配的邮箱地址;
将所述超文本邮件发送到所述邮箱地址。
5.根据权利要求1所述的一种超文本邮件渲染方法,其特征在于,所述接收所述客户端发送的页面渲染请求之后,还包括:
获取所述页面标识信息对应的页面内容更新数据;
查找与所述页面标识信息和所述页面绘制参数匹配的页面渲染缓存结果;
根据所述页面内容更新数据,对所述页面渲染缓存结果进行更新;
将更新后的所述页面渲染缓存结果发送到客户端,以使得所述客户端根据目标页面显示结构显示更新后的所述页面渲染缓存结果。
6.根据权利要求1所述的一种超文本邮件渲染方法,其特征在于,所述页面显示结构包括预设显示环境的图像容器和非预设显示环境的图像容器,所述非预设显示环境的图像容器包括第一图像容器和第二图像容器,所述响应于所述超文本邮件的打开指令,根据所述客户端的显示环境和所述页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构包括;
若通过预设邮箱触发所述超文本邮件的打开指令,将所述预设显示环境的图像容器作为目标页面显示结构;
若通过非预设邮箱触发超文本邮件的打开指令,确定所述客户端的客户端类型;
若所述客户端的客户端类型与所述第一图像容器匹配,将所述第一图像容器作为目标页面显示结构;
若所述客户端类型信息与所述第二图像容器匹配,确定所述客户端的屏幕精度;
根据所述客户端的屏幕精度,将与所述客户端的屏幕精度匹配的第二图像容器作为目标页面显示结构。
7.一种超文本邮件渲染装置,其特征在于,所述装置包括:目标页面显示结构确定模块、渲染请求接收模块、页面内容获取模块、渲染结果获取模块和渲染结果发送模块;
所述目标页面显示结构确定模块用于响应于超文本邮件的打开指令,根据客户端的显示环境和所述超文本邮件的页面显示结构,确定与所述客户端的显示环境匹配的目标页面显示结构;
所述渲染请求接收模块用于接收所述客户端发送的页面渲染请求,所述页面渲染请求携带有客户端本地的页面绘制参数和所述页面标识信息;
所述页面内容获取模块用于获取所述页面标识信息对应的页面内容数据;
所述渲染结果获取模块用于根据所述页面绘制参数和所述页面内容数据,确定与所述客户端的显示环境匹配的页面渲染结果;
所述渲染结果发送模块用于将所述页面渲染结果发送到所述客户端,以使得所述客户端根据目标页面显示结构显示所述页面渲染结果。
8.根据权利要求7所述的一种超文本邮件渲染装置,其特征在于,所述客户端的类型为电脑端或移动终端。
9.一种电子设备,其特征在于,所述设备包括处理器和存储器,所述存储器中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如权利要求1-6任一项所述的一种超文本邮件渲染方法。
10.一种存储介质,其特征在于,所述存储介质包括处理器和存储器,所述存储器中存储有至少一条指令或至少一段程序,所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如权利要求1-6任一项所述的一种超文本邮件渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010540085.8A CN112784191A (zh) | 2020-06-12 | 2020-06-12 | 一种超文本邮件渲染方法、装置、设备和介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010540085.8A CN112784191A (zh) | 2020-06-12 | 2020-06-12 | 一种超文本邮件渲染方法、装置、设备和介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112784191A true CN112784191A (zh) | 2021-05-11 |
Family
ID=75750100
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010540085.8A Pending CN112784191A (zh) | 2020-06-12 | 2020-06-12 | 一种超文本邮件渲染方法、装置、设备和介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112784191A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113810738A (zh) * | 2021-11-17 | 2021-12-17 | 畅捷通信息技术股份有限公司 | 一种基于集线器渲染‘伪’b端的方法、装置及存储介质 |
CN115766845A (zh) * | 2022-11-21 | 2023-03-07 | 中国联合网络通信集团有限公司 | 一种图像更新的处理方法、装置及存储介质 |
CN116484132A (zh) * | 2023-06-26 | 2023-07-25 | 北京轻松筹信息技术有限公司 | 一种渲染页面的方法、装置、设备和可读存储介质 |
-
2020
- 2020-06-12 CN CN202010540085.8A patent/CN112784191A/zh active Pending
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113810738A (zh) * | 2021-11-17 | 2021-12-17 | 畅捷通信息技术股份有限公司 | 一种基于集线器渲染‘伪’b端的方法、装置及存储介质 |
CN113810738B (zh) * | 2021-11-17 | 2022-02-18 | 畅捷通信息技术股份有限公司 | 一种基于集线器渲染‘伪’b端的方法、装置及存储介质 |
CN115766845A (zh) * | 2022-11-21 | 2023-03-07 | 中国联合网络通信集团有限公司 | 一种图像更新的处理方法、装置及存储介质 |
CN116484132A (zh) * | 2023-06-26 | 2023-07-25 | 北京轻松筹信息技术有限公司 | 一种渲染页面的方法、装置、设备和可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112784191A (zh) | 一种超文本邮件渲染方法、装置、设备和介质 | |
TWI590157B (zh) | 自客戶側應用程式之傳送資料壓縮序列化 | |
US11695979B2 (en) | Method and device of displaying multi-screen interactive | |
US10339572B2 (en) | Tracking user interaction with a stream of content | |
CN111368235B (zh) | 页面渲染和展示方法、装置、服务器、存储介质 | |
US11488213B2 (en) | Tracking user interaction with a stream of content | |
CN113382083B (zh) | 一种网页截图方法和装置 | |
CN112988608B (zh) | 数据测试方法、装置、计算机设备及存储介质 | |
CN110737853B (zh) | 一种多平台展示静态页面数据同步方法及b2b系统 | |
CN113590974B (zh) | 推荐页面配置方法、装置、电子设备和计算机可读介质 | |
US10825043B2 (en) | Methods and systems for processing viewability metrics | |
CN112511856B (zh) | 虚拟资源推送方法、装置及服务器 | |
US11113455B2 (en) | Web page rendering on wireless devices | |
CN110968314A (zh) | 一种页面生成方法及装置 | |
CN102387174A (zh) | 可自动更新社交网站信息的微件及方法 | |
CN112799955B (zh) | 模型变更的检测方法、装置和存储介质及电子设备 | |
CN111277569B (zh) | 一种网络报文解码方法、装置及电子设备 | |
CN112488270A (zh) | 一种二维码生成方法及装置 | |
CN112307386A (zh) | 信息监控方法、系统、电子设备及计算机可读存储介质 | |
CN109063124B (zh) | 一种用于推荐电视电子说明书的方法、电子设备、系统及计算机可读存储介质 | |
CN115086194B (zh) | 云应用的数据传输方法、计算设备及计算机存储介质 | |
CN112306591A (zh) | 一种基于页面的远程调试方法及装置 | |
US10817899B2 (en) | Methods and systems for monitoring viewable impressions of online content | |
CN107508705A (zh) | 一种http元素的资源树构建方法及计算设备 | |
CN109756393B (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 |