CN112069428B - 界面显示方法、装置及服务器 - Google Patents
界面显示方法、装置及服务器 Download PDFInfo
- Publication number
- CN112069428B CN112069428B CN202010969340.0A CN202010969340A CN112069428B CN 112069428 B CN112069428 B CN 112069428B CN 202010969340 A CN202010969340 A CN 202010969340A CN 112069428 B CN112069428 B CN 112069428B
- Authority
- CN
- China
- Prior art keywords
- page
- sub
- file
- display
- interface
- 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
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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
-
- 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
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供一种界面显示方法、装置及服务器。通过该界面显示方法,该电子设备通过主页面对应的第一网页文件,将主界面中的滚动条的当前滚动距离传递给子界面对应的第二网页文件,使得第二网页文件获取预设的显示内容进行显示。即子页面中的显示内容是基于当前滚动距离进行选择,相较于一次性全部加载第二网页文件的数据,能够提高子页面显示时的流畅程度。
Description
技术领域
本申请涉及计算机领域,具体而言,涉及一种界面显示方法、装置及服务器。
背景技术
在网页前端,有时为例预设的需求,需要通过iframe标签把一个子页面和内容嵌入在一主页面中。其中,子页面对应一个单独的网页文件,主页面对应另外一个单独的网页文件。
由于主页面与子页面相互独立,因此,主页面的交互逻辑并不会影响子页面。因此,目前在针对嵌入了子页面的网页请求,服务器会将子页面对应的网页文件在一次性全部发送给请求设备,使得子页面提供一套完整的网页功能。当子网页文件较大时,不仅会给服务器带来较大的数据请求压力,同时,会带来较长的加载时间。
发明内容
为了克服现有技术中的至少一个不足,本申请的目的之一在于提供一种界面显示方法,应用于电子设备,所述方法包括:
显示一网页界面,所述网页界面包括主页面以及嵌入在所述主页面中的子页面,所述主页面对应第一网页文件,所述子页面对应第二网页文件;
通过所述第一网页文件,将所述主页面中的滚动条的当前滚动距离记录到预设数据结构;
通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容,所述预设的显示内容用于在所述子页面进行显示。
可选地,各所述显示内容分别对应所述子页面中的不同显示板块,所述第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系;
所述通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容的步骤,包括:
根据所述对应关系,确定所述当前滚动距离对应的目标显示板块;
获取所述目标显示板块对应的目标显示内容;
将所述目标显示内容显示到所述目标显示板块。
可选地,所述预设数据结构为所述第二网页文件对应URL中的Hash值;所述通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容之前,所述方法还包括:
通过所述第二网页文中的window.addEventListener方法获取所述Hash值;
根据所述Hash值获得所述当前滚动距离。
可选地,多个所述第二网页文件分别对应不同的子页面标识,所述多个子页面标识显示于所述主页面;所述方法还包括:
根据选中的目标子页面标识,获取所述目标子页面标识对应的目标第二网页文件;
将所述第二网页文件显示至所述子页面。
可选地,所述方法还包括:
第一次显示所述网页界面时,获取预设的初始第二网页文件;
将所述初始第二网页文件显示至所述子页面。
可选地,所述初始第二网页文件的子页面标识存储在数据结构Session中。
本申请实施例的目的之二在于提供一种界面显示装置,应用于电子设备,所述界面显示装置包括:
输出模块,用于显示一网页界面,所述网页界面包括主页面以及嵌入在所述主页面中的子页面,所述主页面对应第一网页文件,所述子页面对应第二网页文件;
处理模块,用于通过所述第一网页文件,将所述主页面中的滚动条的当前滚动距离记录到预设数据结构;
所述处理模块,还用于通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容。
可选地,各所述显示内容分别对应所述子页面中的不同显示板块,所述第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系;
所述处理模块,具体根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容的方式包括:
根据所述对应关系,确定所述当前滚动距离对应的目标显示板块;
获取所述目标显示板块对应的目标显示内容。
可选地,多个所述第二网页文件分别对应不同的子页面标识,所述多个子页面标识显示于所述主页面,所述处理模块还用于:
根据选中的目标子页面标识,获取所述目标子页面标识对应的目标第二网页文件;
将所述第二网页文件显示至所述子页面。
本申请实施例的目的之三在于提供一种服务器,所述服务器存储有预设网页文件,当所述服务器获取到电子设备发送的获取请求时,将所述预设网页文件发送给所述电子设备,使得所述电子设备运行所述预设网页文件时,实现所述界面显示方法。
相对于现有技术而言,本申请具有以下有益效果:
本申请实施例提供一种界面显示方法、装置及服务器。通过该界面显示方法,该电子设备通过主页面对应的第一网页文件,将主界面中的滚动条的当前滚动距离传递给子界面对应的第二网页文件,使得第二网页文件获取预设的显示内容进行显示。即子页面中的显示内容是基于当前滚动距离进行选择,相较于一次性全部加载第二网页文件的数据,能够提高子页面显示时的流畅程度。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的主页面与子页面示意图;
图2为本申请实施例提供的电子设备;
图3为本申请实施例提供的界面显示方法的步骤流程示意图之一;
图4为本申请实施例提供的界面显示方法的步骤流程示意图之二;
图5为本申请实施例提供的子页面与显示板块示意图;
图6为本申请实施例提供的界面显示方法的步骤流程示意图之三;
图7为本申请实施例提供的网络统计信息显示页面示意图;
图8为本申请实施例提供的界面显示装置的结构示意图。
图标:50-第一界面,51-第一滚动条;60-第二界面;61-第二滚动条;100-电子设备;110-界面显示装置;120-存储器;130-处理器;140-通信单元;200-子页面;210-显示板块;1101-输出模块;1102-处理模块。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。
因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
在本申请的描述中,术语“第一”、“第二”、“第三”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
在网页前端,有时为例预设的需求,需要通过iframe标签把一个子页面和内容嵌入在一主页面中。
由于主页面与子页面相互独立,因此,主页面的交互逻辑并不会影响子页面。因此,目前在针对嵌入了子页面的网页请求,服务器会将子页面对应的网页文件在一次性全部发送给请求设备,使得子页面提供一套完整的网页功能。当子网页文件较大时,不仅会给服务器带来较大的数据请求压力,同时,会带来较长的加载时间。
上述通过iframe标签把一个子页面和内容嵌入在一主页面中,存在于较多的使用场景中。下面结合图1对上述方案进行示例性说明。如图1所示的网页界面,包括第一界面50以及第二界面60。其中,第一界面50对应上述主页面,第二界面60对应上述子页面。
由于第一界面50与第二界面60分别对应不同的网页文件,因此,用户在第一网页界面的任何操作,不会影响到第二界面60。基于上述原因,为了方便用户浏览并使用第二界面60,往往会提供一足够大的第二界面60,用于完整显示第二界面60对应的网页文件。另外一种方式,则如图1所示,由于第一显示界面中的第一滚动条51独立于第一显示界面,因此,提供独立于第一显示界面的第二滚动条61,使得用户可以在第二界面60中拖动第二滚动条61进行浏览。即用户无法在第一显示界面滚动鼠标,调整第二显示界面的显示内容。
因此,无论上述哪种方式,均需要在服务器提供完整的网页文件用于在第二显示界面进行显示。并且,当通过第二显示界面无法显示整个网页文件时,还需要提供独立于第一显示网页的第二滚动条61,用户使用起来相对较为繁琐。
鉴于此,本申请实施例提供一种界面显示方法,应用电子设备。用于使得用户在主显示界面即可调整子页面的显示内容,并根据主页面滚动条的当前滚动距离有选择性的加载子页面中的显示内容。
其中,该电子设备通过网络与服务器通信连接,用户获取网页文件。该电子设备可以是,但不限于,智能手机、个人电脑(personal computer,PC)、平板电脑、个人数字助理(personal digital assistant,PDA)、移动上网设备(mobile Internet device,MID)等。
作为一种可能的实现方式,请参照图2所示的该电子设备100的结构示意图。电子设备100包括界面显示装置110、存储器120、处理器130以及通信单元140。
存储器120、处理器130以及通信单元140各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。界面显示装置110包括至少一个可以软件或固件(Firmware)的形式存储于存储器120中或固化在电子设备100的操作系统(Operating System,OS)中的软件功能模块。处理器130用于执行存储器120中存储的可执行模块,例如界面显示装置110所包括的软件功能模块及计算机程序等。其中,该界面显示装置110中的计算机可执行指令被处理器执行时,实现该界面显示方法。
其中,存储器120可以是,但不限于,随机存取存储器(Random Access Memory,RAM),只读存储器(Read Only Memory,ROM),可编程只读存储器(Programmable Read-OnlyMemory,PROM),可擦除只读存储器(Erasable Programmable Read-Only Memory,EPROM),电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory,EEPROM)等。其中,存储器120用于存储程序,处理器130在接收到执行指令后,执行程序。通信单元140用于通过网络收发数据。
处理器130可能是一种集成电路芯片,具有信号的处理能力。上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(NetworkProcessor,简称NP)等;还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
请参照图3所示的该界面显示方法的步骤流程示意图,下面结合图3对该方法的各步骤进行详细的阐述。
步骤S100,显示一网页界面。
其中,网页界面包括主页面以及嵌入在主页面中的子页面,主页面对应第一网页文件,子页面对应第二网页文件。
步骤S110,通过第一网页文件,将主页面中的滚动条的当前滚动距离记录到预设数据结构。
其中,数据结构可以是,但不限于第二网页文件对应URL连接中的Hash值,还可以是浏览器提供的LocalStore以及SessionStore等用于在本地进行存储的数据结构。
其中,该Hash值为即URL中字符“#”后面的数据内容,该数据内容的改变不会引起网页界面的重新加载,因此,主页面可以通过该Hash值向子界面传递主页面中滚动条的当前滚动距离。
以Hash值为例,该电子设备100通过第二网页文中的window.addEventListener方法获取Hash值;根据hash值获得当前滚动距离。
步骤S120,通过第二网页文件,根据预设数据结构中的当前滚动距离获取预设的显示内容。
其中,预设的显示内容用于在子页面进行显示。应理解的是,本申请实施例中,子页面不在提供滚动条,而是由主页面中的滚动条控制字页面中的显示内容。
通过上述方法,该电子设备100通过主页面对应的第一网页文件,将主界面中的滚动条的当前滚动距离传递给子界面对应的第二网页文件,使得第二网页文件获取预设的显示内容进行显示。即子页面中的显示内容是基于当前滚动距离进行选择,相较于一次性全部加载第二网页文件的数据,能够提高子页面显示时的流畅程度。
同时,由于相较于一次性全部加载第二网页文件的数据,作为另外一种可能的实现方式,还能减少服务器一端的带宽压力。
为了使得子页面能够有选择性的进行显示,该各显示内容分别对应子页面中的不同显示板块,第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系。
即针对第二网页文件中的不同显示内容,通过不通过的板块进行显示,并维护不同当前滚动距离与不同显示板块的对应关系。因此,请参照图4,步骤S120,包括:
步骤S120-1,根据对应关系,确定当前滚动距离对应的目标显示板块。
步骤S120-2,获取目标显示板块对应的目标显示内容。
因此,基于针对第二网页文件中的不同显示内容,通过不通过的板块进行显示,使得电子设备100便于确定目标显示板块。
下面结合图5对上述步骤进行示例性说明。如图5所示,子页面200包括多个显示板块210,且该子界面在同一时间仅能显示单个一部分显示板块210。因此,子页面200对应的第二网页文件,维护滚动条不同的当前滚动距离与不同显示板块210之间对应关系,进而,该电子设备100通过该对应关系确定目标显示板块210。
例如,若第二网页文件中的显示内容被拆分成了“5”部分,分别对应“5”个显示板块210。其中,该滚动条能够滚动的距离为“1000”,因此,“0-199”对应第一个显示板块210,“200-399”对应第二个显示板块210,“400-599”对应第三个显示板块210,“600-799”对应第四个显示板块210,“800-1000”对应第五显示板块210。
因此,基于上述对应关系,该电子设备100能够基于当前滚动距离确定目标显示板块210。又因此不同的显示板块210与不同的显示内容相对应,进而该电子设备100可以确定出目标显示内容。
进一步地,该子页面200还可以用于显示不同的第二网页文件。其中,多个第二网页文件分别对应不同的子页面200标识,多个子页面200标识显示于主页面。
请参照图6,该界面显示方法还包括:
步骤S130,根据选中的目标子页面200标识,获取目标子页面200标识对应的目标第二网页文件。
步骤S140,将第二网页文件显示至子页面200。
针对该子页面200,下面结合图7,以网络统计信息显示页面为例,对上述步骤进行示例性说明。如图7所示,上述子页面200标识包括“网站访问概况”、“CDN带宽统计”、“DDoS攻击统计”以及“Web应用攻击统计”。其中,该网络统计信息显示页面当前显示的为“网站访问概况”。
如图7所示,用户可以通过点击“网站访问概况”、“CDN带宽统计”以及“DDoS攻击统计”中的任意一个,该子页面200则显示对应的网页内容。
另外,考虑到多个第二网页文件之间,存在一定的有限等级。因此,可以基于等级关系,从多个第二网页文件中选取初始网页文件。
因此,请参照图8,该界面显示方法还包括:
步骤S80,第一次显示网页界面时,获取预设的初始第二网页文件;
步骤S90,将初始第二网页文件显示至子页面200。
例如,请再次参收图7,可以将“网站访问概况”对应的网页文件多为初始第二网页文件。
作为一种可能的实现方式,该初始第二网页文件的子页面200标识存储在数据结构Session中。应理解的,服务器通过Session维持与网页客户端之间的连接状态,网页客户端可以通过预设的方式获取Session中的数据。
基于相同的发明构思,本申请实施例还提供一种界面显示装置110,应用于电子设备100,界面显示装置110包括:
输出模块1101,用于显示一网页界面,网页界面包括主页面以及嵌入在主页面中的子页面200,主页面对应第一网页文件,子页面200对应第二网页文件;
在本申请实施例中,该输出模块1101用于执行图2中步骤S100,关于该输出模块1101的详细描述,可以参考步骤S100的详细描述。
处理模块1102,用于通过第一网页文件,将主页面中的滚动条的当前滚动距离记录到预设数据结构;
处理模块1102,还用于通过第二网页文件,根据预设数据结构中的当前滚动距离获取预设的显示内容。
其中,其中,预设的显示内容用于在子页面进行显示。
在本申请实施例中,该处理模块1102用于执行图2中步骤S110-S120,关于该处理模块1102的详细描述,可以参考步骤S110-S120的详细描述。
可选地,各显示内容分别对应子页面200中的不同显示板块210,第二网页文件记录有不同当前滚动距离与不同显示板块210的对应关系;
处理模块1102,具体根据预设数据结构中的当前滚动距离在子页面200显示预设的显示内容的方式包括:
根据对应关系,确定当前滚动距离对应的目标显示板块210;
获取目标显示板块210对应的目标显示内容。
可选地,处理模块1102还用于,通过第二网页文中的window.addEventListener方法获取Hash值;
根据hash值获得当前滚动距离。
可选地,多个第二网页文件分别对应不同的子页面200标识,多个子页面200标识显示于主页面,处理模块1102还用于:
根据选中的目标子页面200标识,获取目标子页面200标识对应的目标第二网页文件;
将第二网页文件显示至子页面200。
可选地,处理模块1102还用于,第一次显示网页界面时,获取预设的初始第二网页文件;
将初始第二网页文件显示至子页面200。
本本申请实施例还提供一种服务器,服务器存储有预设网页文件,当服务器获取到电子设备100发送的获取请求时,将预设网页文件发送给电子设备100,使得电子设备100备运行预设网页文件时,实现该界面显示方法。
综上所述,本申请实施例提供一种界面显示方法、装置及服务器。通过该界面显示方法,该电子设备通过主页面对应的第一网页文件,将主界面中的滚动条的当前滚动距离传递给子界面对应的第二网页文件,使得第二网页文件获取预设的显示内容进行显示。即子页面中的显示内容是基于当前滚动距离进行选择,相较于一次性全部加载第二网页文件的数据,能够提高子页面显示时的流畅程度。
在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述,仅为本申请的各种实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种界面显示方法,其特征在于,应用于电子设备,所述方法包括:
显示一网页界面,所述网页界面包括主页面以及嵌入在所述主页面中的子页面,所述主页面对应第一网页文件,所述子页面对应第二网页文件;
通过所述第一网页文件,将所述主页面中的滚动条的当前滚动距离记录到预设数据结构,其中,所述预设数据结构为所述第二网页文件对应URL中的Hash值;
通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容,所述预设的显示内容用于在所述子页面进行显示。
2.根据权利要求1所述的界面显示方法,其特征在于,各所述显示内容分别对应所述子页面中的不同显示板块,所述第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系;
所述通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容的步骤,包括:
根据所述对应关系,确定所述当前滚动距离对应的目标显示板块;
获取所述目标显示板块对应的目标显示内容。
3.根据权利要求1所述的界面显示方法,其特征在于,所述通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容之前,所述方法还包括:
通过所述第二网页文中的window.addEventListener方法获取所述Hash值;
根据所述Hash值获得所述当前滚动距离。
4.根据权利要求1所述的界面显示方法,其特征在于,多个所述第二网页文件分别对应不同的子页面标识,所述多个子页面标识显示于所述主页面;所述方法还包括:
根据选中的目标子页面标识,获取所述目标子页面标识对应的目标第二网页文件;
将所述第二网页文件显示至所述子页面。
5.根据权利要求4所述的界面显示方法,其特征在于,所述方法还包括:
第一次显示所述网页界面时,获取预设的初始第二网页文件;
将所述初始第二网页文件显示至所述子页面。
6.根据权利要求5所述的界面显示方法,其特征在于,所述初始第二网页文件的子页面标识存储在数据结构Session中。
7.一种界面显示装置,其特征在于,应用于电子设备,所述界面显示装置包括:
输出模块,用于显示一网页界面,所述网页界面包括主页面以及嵌入在所述主页面中的子页面,所述主页面对应第一网页文件,所述子页面对应第二网页文件;
处理模块,用于通过所述第一网页文件,将所述主页面中的滚动条的当前滚动距离记录到预设数据结构,其中,所述预设数据结构为所述第二网页文件对应URL中的Hash值;
所述处理模块,还用于通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容,所述预设的显示内容用于在所述子页面进行显示。
8.根据权利要求7所述的界面显示装置,其特征在于,各所述显示内容分别对应所述子页面中的不同显示板块,所述第二网页文件记录有不同当前滚动距离与不同显示板块的对应关系;
所述处理模块,具体通过所述第二网页文件,根据所述预设数据结构中的所述当前滚动距离获取预设的显示内容的方式包括:
根据所述对应关系,确定所述当前滚动距离对应的目标显示板块;
获取所述目标显示板块对应的目标显示内容;
将所述目标显示内容显示到所述目标显示板块。
9.根据权利要求7所述的界面显示装置,其特征在于,多个所述第二网页文件分别对应不同的子页面标识,所述多个子页面标识显示于所述主页面,所述处理模块还用于:
根据选中的目标子页面标识,获取所述目标子页面标识对应的目标第二网页文件;
将所述第二网页文件显示至所述子页面。
10.一种服务器,其特征在于,所述服务器存储有预设网页文件,当所述服务器获取到电子设备发送的获取请求时,将所述预设网页文件发送给所述电子设备,使得所述电子设备运行所述预设网页文件时,实现权利要求1-6任一项所述的界面显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010969340.0A CN112069428B (zh) | 2020-09-15 | 2020-09-15 | 界面显示方法、装置及服务器 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010969340.0A CN112069428B (zh) | 2020-09-15 | 2020-09-15 | 界面显示方法、装置及服务器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112069428A CN112069428A (zh) | 2020-12-11 |
CN112069428B true CN112069428B (zh) | 2023-06-02 |
Family
ID=73696427
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010969340.0A Active CN112069428B (zh) | 2020-09-15 | 2020-09-15 | 界面显示方法、装置及服务器 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112069428B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984686A (zh) * | 2013-02-07 | 2014-08-13 | 阿里巴巴集团控股有限公司 | 页面切换方法及装置 |
CN104268250A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
CN105183851A (zh) * | 2015-09-08 | 2015-12-23 | 上海上讯信息技术股份有限公司 | 克服浏览器同源策略限制的交互方法及设备 |
CN105550187A (zh) * | 2014-11-03 | 2016-05-04 | 阿里巴巴集团控股有限公司 | 单页应用中浏览记录的管理方法及装置 |
CN110244949A (zh) * | 2019-05-06 | 2019-09-17 | 阿里巴巴集团控股有限公司 | 一种页面信息展示方法及装置 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20100075786A (ko) * | 2010-05-19 | 2010-07-05 | 세창인스트루먼트(주) | 웹사이트 영역취합시스템 및 그 방법 |
US9754043B2 (en) * | 2010-07-09 | 2017-09-05 | Facebook, Inc. | Rendering structured documents with place-markers |
CN101976268A (zh) * | 2010-11-19 | 2011-02-16 | 百度在线网络技术(北京)有限公司 | 一种在线文档阅读装置及方法 |
CN105512124B (zh) * | 2014-09-23 | 2019-09-17 | 腾讯科技(深圳)有限公司 | 在网页中实现文本编辑器悬浮的方法和装置 |
CN104765855B (zh) * | 2015-04-21 | 2018-03-20 | 车智互联(北京)科技有限公司 | 一种应用于浏览器的首屏性能优化方法 |
CN110069254B (zh) * | 2019-04-30 | 2023-07-14 | 广东三维家信息科技有限公司 | 文本显示方法、装置及服务器 |
CN111008054A (zh) * | 2019-11-15 | 2020-04-14 | 支付宝(杭州)信息技术有限公司 | 页面显示方法、设备及电子设备 |
-
2020
- 2020-09-15 CN CN202010969340.0A patent/CN112069428B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984686A (zh) * | 2013-02-07 | 2014-08-13 | 阿里巴巴集团控股有限公司 | 页面切换方法及装置 |
CN104268250A (zh) * | 2014-09-30 | 2015-01-07 | 北京奇虎科技有限公司 | 一种网页中视频元素的播放方法和装置 |
CN105550187A (zh) * | 2014-11-03 | 2016-05-04 | 阿里巴巴集团控股有限公司 | 单页应用中浏览记录的管理方法及装置 |
CN105183851A (zh) * | 2015-09-08 | 2015-12-23 | 上海上讯信息技术股份有限公司 | 克服浏览器同源策略限制的交互方法及设备 |
CN110244949A (zh) * | 2019-05-06 | 2019-09-17 | 阿里巴巴集团控股有限公司 | 一种页面信息展示方法及装置 |
Non-Patent Citations (3)
Title |
---|
Search Engine Optimization Research for Website Promotion;Meng Cui 等;《2011 International Conference of Information Technology, Computer Engineering and Management Sciences》;100-103 * |
Yu Chen 等.Detecting web page structure for adaptive viewing on small form factor devices.《WWW '03: Proceedings of the 12th international conference on World Wide Web》.2003,225–233. * |
嵌入式浏览器样式引擎研究与优化;刘剑;《中国优秀硕士学位论文全文数据库 信息科技辑》(第12(2011)期);I139-235 * |
Also Published As
Publication number | Publication date |
---|---|
CN112069428A (zh) | 2020-12-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10667101B2 (en) | Contextual deep linking of applications | |
CN107622135B (zh) | 用于显示信息的方法和装置 | |
US7512569B2 (en) | User defined components for content syndication | |
US20120151308A1 (en) | Pre-rendering web content | |
CN108880921B (zh) | 网页监测方法、装置、存储介质及服务器 | |
CN106911693B (zh) | 用于检测网页内容劫持的方法、装置和终端设备 | |
CN105472035A (zh) | 一种文件传输方法及装置 | |
EP3528474B1 (en) | Webpage advertisement anti-shielding methods and content distribution network | |
CN110598149A (zh) | 网页访问方法、装置和存储介质 | |
CN110134869B (zh) | 一种信息推送方法、装置、设备和存储介质 | |
CN107451163B (zh) | 一种动画显示方法和装置 | |
US10931771B2 (en) | Method and apparatus for pushing information | |
CN111783005B (zh) | 显示网页的方法、装置和系统、计算机系统和介质 | |
CN111193804B (zh) | 分布式存储方法及装置、网络节点及存储介质 | |
CN111783010B (zh) | 网页空白页面监测方法、装置、终端及存储介质 | |
US9998559B2 (en) | Preemptive caching of data | |
CN112069428B (zh) | 界面显示方法、装置及服务器 | |
CN113609516B (zh) | 基于异常用户的信息生成方法、装置、电子设备和介质 | |
CN110457632B (zh) | 网页加载的处理方法及装置 | |
US10965781B2 (en) | Method and server for displaying access content | |
CN108804195B (zh) | 一种页面显示方法、装置、服务器及客户端 | |
CN107181772B (zh) | 在线实时更新客户端状态的方法和装置 | |
CN114500438B (zh) | 文件共享方法、装置、电子设备及存储介质 | |
CN113612676B (zh) | 社交群组的消息同步方法、装置、设备及存储介质 | |
CN111614675B (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 |