终端协议显示方法、装置、设备及存储介质制造方法及图纸

本发明专利技术涉及UI设计领域，本发明专利技术公开了一种终端协议显示方法、装置、设备及存储介质，通过预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染；将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示；对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配，能够使用户协议在不同的终端的显示效果一致，保证了用户协议的统一性，有效避免了协议显示错误或不完整带来的不便，使用户协议能够流畅的切换于不同的终端，提升了用户体验。

Terminal Protocol Display Method, Device, Equipment and Storage Media

The invention relates to the field of UI design. The invention discloses a terminal protocol display method, device, device and storage medium, which renders the protocol to be displayed on the target terminal through a preset protocol editing background, displays the rendered protocol in the preset display area of the target terminal, and adjusts the size of the preset display area. By matching the adjusted display area with the current page of the target terminal, the display effect of the user protocol in different terminals can be consistent, the uniformity of the user protocol can be ensured, the inconvenience caused by the error or incompleteness of the protocol display can be effectively avoided, and the user protocol can be switched to different terminals smoothly, and the user experience can be improved.

【技术实现步骤摘要】
终端协议显示方法、装置、设备及存储介质
本专利技术涉及UI设计领域，尤其涉及一种终端协议显示方法、装置、设备及存储介质。
技术介绍
在日常办公过程中，会存在大量的公司与客户签订的不同的用户协议，而这些协议是以电子版文档的形式出现，大部分用户协议都需要在个人计算机(PersonalComputer，PC)端和移动端同时正常显示，而用户协议的内容其实是一样的，但是因为这两类设备屏幕尺寸的差异，大部分情况下需要牺牲其中一种设备的显示体验，或者需要技术人员人工编辑两次，这样会导致耗费人力物力，并且容易出现人为错误导致协议内容的不一致。
技术实现思路
本专利技术的主要目的在于提供一种终端协议显示方法、装置、设备及存储介质，旨在解决现有技术中用户协议在不同设备中显示体验较差，且人工编辑会出现错误，导致用户协议内容不一致的技术问题。为实现上述目的，本专利技术提供一种终端协议显示方法，所述终端协议显示方法包括以下步骤：根据预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染；将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示；对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配。优选地，所述根据预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染的步骤包括：获取目标终端的设备属性，根据预设协议编辑后台获取与所述设备属性对应的渲染策略；根据所述渲染策略对将在目标终端上显示的待显示协议进行渲染。优选地，所述获取目标终端的设备属性，根据所述预设协议编辑后台获取与所述设备属性对应的渲染策略的步骤包括：获取目标终端和原终端的设备属性，所述原终端为显示所述待显示协议的当前终端；将所述目标终端和原终端的设备属性代入至预设协议编辑后台，获取协议显示属性差异数据；根据所述协议显示属性差异数据和预设渲染软件开发工具包SDK生成渲染策略。优选地，所述将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示之前，所述方法还包括：根据预设框架iframe标签在所述目标终端的当前页面中开辟一个iframe区域，将所述iframe区域作为所述待显示协议在所述目标终端显示的预设显示区域。优选地，所述将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示的步骤包括：获取渲染后的所述待显示协议对应的超级文本标记语言HTML数据，根据预设显示规则从所述HTML数据中筛选出需要进行显示的目标HTML数据片段；将所述目标HTML数据片段通过预设iframe标签的显示srcdoc属性传输至所述预设显示区域，以使所述预设显示区域对所述目标HTML数据片段进行显示。优选地，所述对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配的步骤包括：获取所述目标终端的当前页面的页面属性信息，和所述预设显示区域的预设初始尺寸；根据所述页面属性信息和所述预设初始尺寸生成尺寸调整参数；根据所述尺寸调整参数对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述当前页面匹配。优选地，所述对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配之后，所述方法还包括：获取所述目标终端的当前页面的字体属性信息，和所述预设显示区域的预设字体大小；根据所述字体属性信息和所述预设字体大小生成字体调整参数；根据所述字体调整参数对所述预设显示区域的字体进行调整，使调整后的所述预设显示区域的字体与所述当前页面的字体匹配。此外，为实现上述目的，本专利技术还提出一种终端协议显示设备，所述终端协议显示设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的终端协议显示程序，所述终端协议显示程序配置为实现如上文所述的终端协议显示方法的步骤。此外，为实现上述目的，本专利技术还提出一种存储介质，所述存储介质上存储有终端协议显示程序，所述终端协议显示程序被处理器执行时实现如上文所述的终端协议显示方法的步骤。此外，为实现上述目的，本专利技术还提供一种终端协议显示装置，所述终端协议显示装置包括：渲染模块、显示模块和调整模块；其中，所述渲染模块，用于根据预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染；所述显示模块，用于将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示；所述调整模块，用于对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配。本专利技术提出的终端协议显示方法，通过预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染；将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示；对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配，能够使用户协议在不同的终端的显示效果一致，保证了用户协议的统一性，有效避免了协议显示错误或不完整带来的不便，使用户协议能够流畅的切换于不同的终端，提升了用户体验。附图说明图1为本专利技术实施例方案涉及的硬件运行环境的终端协议显示设备结构示意图；图2为本专利技术终端协议显示方法第一实施例的流程示意图；图3为本专利技术终端协议显示方法第二实施例的流程示意图；图4为本专利技术终端协议显示方法第三实施例的流程示意图；图5为本专利技术终端协议显示装置第一实施例的功能模块图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例的解决方案主要是：本专利技术通过预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染；将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示；对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配，能够使用户协议在不同的终端的显示效果一致，保证了用户协议的统一性，有效避免了协议显示错误或不完整带来的不便，使用户协议能够流畅的切换于不同的终端，提升了用户体验，解决了现有技术中用户协议在不同设备中显示体验较差，且人工编辑会出现错误，导致用户协议内容不一致的技术问题。参照图1，图1为本专利技术实施例方案涉及的硬件运行环境的终端协议显示设备结构示意图。如图1所示，该终端协议显示设备可以包括：处理器1001，例如中央处理器(CentralProcessingUnit，CPU)，通信总线1002、用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如无线保真(WIreless-FIdelity，WI-FI)接口)。存储器1005可以是高速的随机存取存储器(RandomAccessMemory，RAM)存储器，也可以是稳定的存储器(Non-volatileMemory，NVM)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。本领域技术人员可以理解，图1中示出的终端协议显示设备结构并不构成对该终端协议显示设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。如图1所示，作为一种存储介质的存储器1005中可以包括操作装置、网络通信模块、用户端接口模块以及终端协议显示程序。基于上述硬件本文档来自技高网...

【技术保护点】
1.一种终端协议显示方法，其特征在于，所述方法包括：根据预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染；将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示；对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配。

【技术特征摘要】
1.一种终端协议显示方法，其特征在于，所述方法包括：根据预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染；将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示；对所述预设显示区域的尺寸进行调整，使调整后的显示区域与所述目标终端的当前页面匹配。2.如权利要求1所述的方法，其特征在于，所述根据预设协议编辑后台对将在目标终端上显示的待显示协议进行渲染的步骤包括：获取目标终端的设备属性，根据预设协议编辑后台获取与所述设备属性对应的渲染策略；根据所述渲染策略对将在目标终端上显示的待显示协议进行渲染。3.如权利要求2所述的方法，其特征在于，所述获取目标终端的设备属性，根据所述预设协议编辑后台获取与所述设备属性对应的渲染策略的步骤包括：获取目标终端和原终端的设备属性，所述原终端为显示所述待显示协议的当前终端；将所述目标终端和原终端的设备属性代入至预设协议编辑后台，获取协议显示属性差异数据；根据所述协议显示属性差异数据和预设渲染软件开发工具包SDK生成渲染策略。4.如权利要求3所述的方法，其特征在于，所述将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示之前，所述方法还包括：根据预设框架iframe标签在所述目标终端的当前页面中开辟一个iframe区域，将所述iframe区域作为所述待显示协议在所述目标终端显示的预设显示区域。5.如权利要求4所述的方法，其特征在于，所述将渲染后的所述待显示协议在所述目标终端的预设显示区域内显示的步骤包括：获取渲染后的所述待显示协议对应的超级文本标记语言HTML数据，根据预设显示规则从所述HTML数据中筛选出需要进行显示的目标HTML数据片段；将所述目标HTML数据片段通过预设iframe标签的显示srcdoc属性传输至所述预设显示区域，以使所述预设显示区域对所...

【专利技术属性】
技术研发人员：林泽全，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东,44