CN111177635A - 网页显示高度确定方法、装置、存储介质及设备 - Google Patents
网页显示高度确定方法、装置、存储介质及设备 Download PDFInfo
- Publication number
- CN111177635A CN111177635A CN202010009659.9A CN202010009659A CN111177635A CN 111177635 A CN111177635 A CN 111177635A CN 202010009659 A CN202010009659 A CN 202010009659A CN 111177635 A CN111177635 A CN 111177635A
- Authority
- CN
- China
- Prior art keywords
- webpage
- display height
- positioning element
- preset positioning
- determining
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 49
- 238000004590 computer program Methods 0.000 claims description 13
- 238000001514 detection method Methods 0.000 claims description 7
- 230000006870 function Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 230000003287 optical effect Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000008901 benefit Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000004364 calculation method Methods 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
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/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
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例公开了网页显示高度确定方法、装置、存储介质及设备。该方法包括:检测到第一应用程序完成第一网页的加载操作,在所述第一网页的底部添加预设定位元素,根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。本公开实施例通过采用上述技术方案,能够更加准确地确定网页的显示高度。
Description
技术领域
本公开实施例涉及计算机技术领域,尤其涉及网页显示高度确定方法、装置、存储介质及设备。
背景技术
随着电子科技以及互联网技术的发展,智能终端等电子设备的功能越来越强大,安装在智能终端上的应用程序也越来越多,可满足用户多方面的需求。
在应用程序开发过程中,经常需要在应用程序的页面中嵌入一些用于浏览网页内容的浏览器组件,如WebView(网络视图)。WebView能够加载并显示网页,可以将其视为一个嵌入到应用程序里的浏览器。由于应用程序的页面中还可能需要显示其他内容,所以为了实现页面内容的合理布局,需要准确地获取到浏览器组件中的网页的显示高度。
目前,通常根据容纳网页的容器的尺寸来确定网页的显示高度,然而,该现有技术方案确定的网页显示高度不够准确,需要改进。
发明内容
本公开实施例提供了网页显示高度确定方法、装置、存储介质及设备,可以优化现有的网页显示高度确定方案。
第一方面,本公开实施例提供了一种网页显示高度确定方法,包括:
检测到第一应用程序完成第一网页的加载操作;
在所述第一网页的底部添加预设定位元素;
根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
第二方面,本公开实施例提供了一种网页显示高度确定装置,包括:
加载检测模块,用于检测第一应用程序是否完成第一网页的加载操作;
元素添加模块,用于在检测到第一应用程序完成第一网页的加载操作时,在所述第一网页的底部添加预设定位元素;
显示高度确定模块,用于根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
第三方面,本公开实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开实施例提供的网页显示高度确定方法。
第四方面,本公开实施例提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如本公开实施例提供的网页显示高度确定方法。
本公开实施例中提供的网页显示高度确定方案,在检测到第一应用程序中完成第一网页的加载操作后,在第一网页的底部添加预设定位元素,根据预设定位元素与第一网页的顶部的距离确定第一网页的显示高度。通过采用上述技术方案,能够更加准确地确定网页的显示高度。
附图说明
图1为本公开实施例一提供的一种网页显示高度确定方法的流程示意图;
图2为本公开实施例二提供的一种网页显示高度确定方法的流程示意图;
图3为本公开实施例三提供的一种网页显示高度确定方法的流程示意图;
图4为本公开实施例四提供的一种网页显示高度确定装置的结构框图;
图5为本公开实施例五提供的一种电子设备的结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下述各实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的各个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。
为了便于理解,先对相关技术中确定网页显示高度的方案进行介绍。目前,相关技术中根据容纳网页的容器的尺寸来确定网页的显示高度,例如,可以监听webview.scrollView.contentSize的大小来确定网页(Web)的显示高度,然而这种方案不太稳定,所确定的网页显示高度不够准确。首先,对于同一个操作系统的不同版本来说,可能存在升级的情况,容器尺寸的表现方式不同,所获取的数值存在差异,以苹果操作系统iOS为例,存在两种WebView,分别为UIWebView和WKWebView,通过监听webview.scrollView.contentSize得到的数值存在差异,导致所确定的显示高度值不准确。其次,webview.scrollView是展示Web的一个容器,如果Web变大,如Web中的图片从缩略图变为正常尺寸图片时,为了能够容纳整个Web,WebView.scrollowView会变大,但如果web变小,如某些内容被收起或隐藏,WebView.scrollowView仍能够展示变化后的web,所以WebView.scrollowView不会变小,导致Web显示高度大小计算出错。
实施例一
图1为本公开实施例一提供的一种网页显示高度确定方法的流程示意图,该方法可以由网页显示高度确定装置执行,其中该装置可由软件和/或硬件实现,一般可集成在电子设备中。如图1所示,该方法包括:
步骤101、检测到第一应用程序完成第一网页的加载操作。
示例性的,电子设备可包括智能手机、平板电脑以及笔记本电脑等能够安装操作系统的设备。操作系统可以是苹果操作系统(包括iOS操作系统以及MacOS操作系统等),可以是安卓(Android)操作系统,也可以是窗口(Windows)操作系统等。在电子设备中,可以安装满足操作系统要求的应用程序,第一应用程序可以是电子设备中安装的任意一个应用程序。在第一应用程序中内嵌有浏览器组件,如WebView(网络视图),可以实现在应用程序内部浏览网页。第一网页可以是在浏览器组件内展示的任意一个网页。检测到第一应用程序完成第一网页的加载操作具体可以是检测到第一应用程序中内嵌的浏览器组件完成第一网页的加载操作。
示例性的,应用程序的页面中可以提供打开网页的入口,如网页链接,当检测到该入口被触发时,内嵌浏览器组件开始进行所要显示的网页的加载操作。以应用程序为新闻客户端为例,在应用程序的主页上可以显示多条新闻的标题或摘要等,当用户点击某一条新闻时,即将进入该新闻的详情页面,包含新闻内容的网页需要在浏览器组件内进行展示,这时内嵌浏览器组件开始进行新闻网页的加载操作。
本公开实施例中,检测到第一应用程序中内嵌的浏览器组件完成第一网页的加载操作可以具体包括:检测到第一应用程序中内嵌的浏览器组件完成第一网页的文档对象模型(Document Object Model,DOM)树加载操作。其中,DOM又称超文本标记语言(Hyper TextMarkup Language,HTML)DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口,DOM树是一种基于树的应用程序编程接口(Application Programming Interface,API)文档。在检测到DOM树加载完成之后再进行下面的添加预设定位元素的操作的好处在于,防止所添加的预设定位元素在DOM树加载过程中被覆盖。
步骤102、在第一网页的底部添加预设定位元素。
示例性的,第一网页的底部可以指第一网页的主体元素html body的底部,预设定位元素可以是显示高度为0的div元素。其中,body元素是定义文档的主体,body元素包含文档的所有内容,比如文本、超链接、图像、表格和列表等等。DIV是层叠样式表中的定位技术,全称DIVision,即为划分,div元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。本公开实施例中,通过在第一网页的html body的底部添加显示高度为0的div元素,可以准确标记出网页中所有内容的末尾的位置,当网页中的内容发生变化时,如图像大小发生变化,会导致网页尺寸的变化,那么div元素的位置也随之变化,便于后续动态准确地确定网页显示高度。
为了将上述div元素与其他div元素进行区分,可以对该div元素进行标记,如添加名称等,具体的标记方式不做限定。需要说明的是,作为预设定位元素的div元素的显示高度也可以是其他数值,在确定网页显示高度时根据该div元素的显示高度进行相应的计算即可。
可选的,可以预先编写一段脚本,称为预设脚本,通过运行预设脚本来在所述第一网页的底部添加预设定位元素。其中,预设脚本可以是js脚本。
步骤103、根据预设定位元素与第一网页的顶部的距离确定第一网页的显示高度。
示例性的,由于预设定位元素位于第一网页的底部,所以可以根据预设定位元素距离第一网页的顶部的数值来确定第一网页的显示高度。假设预设定位元素自身的显示高度为0,则可根据第一网页的顶部位置与预设定位元素所在位置的差距来确定第一网页的显示高度。若预设定位元素自身的显示高度大于0,可根据预设定位元素所在位置的表征方式来确定具体的计算方式,如以预设定位元素的顶部位置表示预设定位元素的所在位置,那么也可根据第一网页的顶部位置与预设定位元素所在位置的差距来确定第一网页的显示高度,如以预设定位元素的底部位置表示预设定位元素的所在位置,那么可根据第一网页的顶部位置与预设定位元素所在位置的差距与预设定位元素自身显示高度的差值来确定第一网页的显示高度。
示例性的,由于预设定位元素被添加在第一网页的底部,那么预设定位元素之前的内容发生变化时,如图像大小发生变化,会导致网页尺寸的变化,那么预设定位元素的位置也随之变化,可以动态准确地确定网页显示高度。
本公开实施例中提供的网页显示高度确定方法,在检测到第一应用程序中完成第一网页的加载操作后,在第一网页的底部添加预设定位元素,根据预设定位元素与第一网页的顶部的距离确定第一网页的显示高度。通过采用上述技术方案,能够更加准确地确定网页的显示高度,且能够消除不同操作系统版本所带来的影响,如可屏蔽UIWebView和WKWebView的差异性。
在上述实施例基础上,在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,还可包括:根据所述显示高度确定所述第一应用程序的当前页面中,所述第一页面与其他显示内容的布局关系,并根据所述位置关系显示所述当前页面。这样设置的好处在于,在确定了第一网页的显示高度之后,可以明确第一网页在当前页面中所占用的位置范围,可以在该位置范围之外的区域对第一页面中包含的其他显示内容进行合理布局。如上述举例,新闻客户端中的新闻详情页面中,可以包括新闻内容,还可以包括用户评论以及推荐的相关新闻等,新闻内容显示在第一网页中,而用户评论以及推荐的相关新闻等内容显示在第一网页之外的区域,在确定第一网页显示高度后,能够合理布局各显示内容的显示位置,避免发生相互遮挡或者留有较大空白区域等情况。
实施例二
图2为本公开实施例二提供的一种网页显示高度确定方法的流程示意图,本公开实施例以上述实施例中各个可选方案为基础进行优化。
示例性的,在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,还包括:采用预设频率检测所述预设定位元素是否位于所述第一网页的底部,若否,则将所述预设定位元素调整至所述第一网页的底部。这样设置的好处在于,当第一网页中在预设定位元素之后新增内容时,可以及时将预设定位元素调整至第一网页的底部,实现预设定位元素位置的实时调整。
进一步的,在将所述预设定位元素调整至所述第一网页的底部之后,还包括:重新根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。这样设置的好处在于,可以及时对第一网页的显示高度进行更新,保证第一网页显示高度的准确性。
具体的,该方法包括如下步骤:
步骤201、检测到第一应用程序中内嵌的浏览器组件完成第一网页的加载操作。
步骤202、在第一网页的底部添加预设定位元素。
步骤203、根据预设定位元素与第一网页的顶部的距离确定第一网页的显示高度。
步骤204、根据第一网页的显示高度确定第一应用程序的当前页面中,第一页面与其他显示内容的位置关系,并根据位置关系显示当前页面。
步骤205、采用预设频率检测预设定位元素是否位于第一网页的底部,若是,则重复执行本步骤;否则,执行步骤206。
在显示当前页面之后,第一网页中可能会加载新的内容,而新增内容可能会加载在预设定位元素之后,为了实时准确地确定第一网页的显示高度,本公开实施例中采用预设频率检测预设定位元素是否位于第一网页底部,若是,则继续检测,可以持续到当前页面被关闭,若不是,则及时将预设定位元素调整至第一网页的底部,实现预设定位元素位置的实时调整。
其中,预设频率可以根据实际需求进行设置,例如是3秒每次。
步骤206、将预设定位元素调整至第一网页的底部,并返回执行步骤203。
示例性的,可根据预设定位元素的具体类型确定对应的调整方式。例如,预设定位元素为div元素,可通过对div元素的位置属性进行设置,来将div元素调整至第一网页的底部。
在将预设定位元素调整至第一网页的底部之后,返回执行步骤203,重新根据预设定位元素与第一网页的顶部的距离确定第一网页的显示高度,也就是说对第一网页的显示高度进行更新,随后根据更新后的第一网页的显示高度确定第一应用程序的当前页面中,第一页面与其他显示内容的位置关系,并根据位置关系更新显示当前页面。
本公开实施例提供的网页显示高度确定方法,在根据预设定位元素与第一网页的顶部的距离确定第一网页的显示高度之后,采用预设频率检测预设定位元素是否仍位于第一网页的底部,若否,则将预设定位元素调整至第一网页的底部,并对第一网页的显示高度进行更新,并根据更新后的显示高度更新当前页面的显示,可实时保证第一网页显示高度的准确性,合理显示当前页面。
实施例三
图3为本公开实施例三提供的一种网页显示高度确定方法的流程示意图,本公开实施例以上述实施例中各个可选方案为基础进行优化,具体的,该方法包括:
步骤301、检测到第一应用程序中内嵌的浏览器组件完成第一网页的DOM树加载操作。
其中,浏览器组件可以是WebView。
步骤302、运行预设js脚本,以在第一网页的主体元素的底部添加显示高度为0的div元素,并对div元素进行标记。
步骤303、根据标记的div元素与第一网页的html body元素的顶部的距离确定第一网页的显示高度。
示例性的,可利用如下公式计算div元素距离body顶部的显示高度Math.ceil(el.offsetHeight+el.offsetTop)。
步骤304、根据第一网页的显示高度确定第一应用程序的当前页面中,第一页面与其他显示内容的位置关系,并根据位置关系显示当前页面。
步骤305、采用预设频率检测标记的div元素是否位于第一网页的html body元素的底部,若是,则重复执行本步骤;否则,执行步骤306。
步骤306、将标记的div元素调整至第一网页的html body元素的底部,并返回执行步骤303。
本公开实施例提供的网页显示高度确定方法,检测到应用程序中内嵌的浏览器组件中的Web网页的html dom树加载完毕之后,通过运行插入的js脚本来在html body内的尾部插入一个显示高度为0的div,并做标记,根据div距离html body顶部的显示高度来确定Web网页的显示高度,并采用预设频率检测div是否仍位于html body的底部,如果不是,则调整div到html body的底部,再重新确定Web网页的显示高度,以保证Web网页的显示高度的准确性。
实施例四
图4为本公开实施例四提供的一种网页显示高度确定装置的结构框图,该装置可由软件和/或硬件实现,一般可集成在电子设备中,可通过执行网页显示高度确定方法来进行网页显示高度的确定。如图4所示,该装置包括:
加载检测模块401,用于检测第一应用程序是否完成第一网页的加载操作;
元素添加模块402,用于在检测到第一应用程序完成第一网页的加载操作时,在所述第一网页的底部添加预设定位元素;
显示高度确定模块403,用于根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
本公开实施例中提供的网页显示高度确定装置,在检测到第一应用程序完成第一网页的加载操作后,在第一网页的底部添加预设定位元素,根据预设定位元素与第一网页的顶部的距离确定第一网页的显示高度。通过采用上述技术方案,能够更加准确地确定浏览器组件中的网页的显示高度。
可选的,所述检测到第一应用程序完成第一网页的加载操作,包括:
检测到第一应用程序完成第一网页的文档对象模型DOM树加载操作。
可选的,所述在所述第一网页的底部添加预设定位元素,包括:
通过运行预设脚本来在所述第一网页的底部添加预设定位元素。
可选的,所述在所述第一网页的底部添加预设定位元素,包括:
在所述第一网页的主体元素的底部添加显示高度为0的div元素。
可选的,该装置还可包括:
位置检测模块,用于在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,采用预设频率检测所述预设定位元素是否位于所述第一网页的底部,若否,则将所述预设定位元素调整至所述第一网页的底部。
可选的,该装置还可包括:
显示高度重新确定模块,用于在将所述预设定位元素调整至所述第一网页的底部之后,重新根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
可选的,该装置还包括:
页面显示模块,用于在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,根据所述显示高度确定所述第一应用程序的当前页面中,所述第一页面与其他显示内容的位置关系,并根据所述位置关系显示所述当前页面。
实施例五
下面参考图5,其示出了适于用来实现本公开实施例的电子设备500的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图5示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图5所示,电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图5示出了具有各种装置的电子设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:检测到第一应用程序中完成第一网页的加载操作;在所述第一网页的底部添加预设定位元素;根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,加载检测模块还可以被描述为“检测第一应用程序是否完成第一网页的加载操作的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,提供了一种网页显示高度确定方法,包括:
检测到第一应用程序完成第一网页的加载操作;
在所述第一网页的底部添加预设定位元素;
根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
进一步的,所述检测到第一应用程序完成第一网页的加载操作,包括:
检测到第一应用程序中完成第一网页的文档对象模型DOM树加载操作。
进一步的,所述在所述第一网页的底部添加预设定位元素,包括:
通过运行预设脚本来在所述第一网页的底部添加预设定位元素。
进一步的,所述在所述第一网页的底部添加预设定位元素,包括:
在所述第一网页的主体元素的底部添加显示高度为0的div元素。
进一步的,在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,还包括:
采用预设频率检测所述预设定位元素是否位于所述第一网页的底部,若否,则将所述预设定位元素调整至所述第一网页的底部。
进一步的,在将所述预设定位元素调整至所述第一网页的底部之后,还包括:
重新根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
进一步的,在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,还包括:
根据所述显示高度确定所述第一应用程序的当前页面中,所述第一页面与其他显示内容的位置关系,并根据所述位置关系显示所述当前页面。
根据本公开的一个或多个实施例,提供了一种网页显示高度确定装置,包括:
加载检测模块,用于检测第一应用程序是否完成第一网页的加载操作;
元素添加模块,用于在检测到第一应用程序完成第一网页的加载操作时,在所述第一网页的底部添加预设定位元素;
显示高度确定模块,用于根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (10)
1.一种网页显示高度确定方法,其特征在于,包括:
检测到第一应用程序完成第一网页的加载操作;
在所述第一网页的底部添加预设定位元素;
根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
2.根据权利要求1所述的方法,其特征在于,所述检测到第一应用程序完成第一网页的加载操作,包括:
检测到第一应用程序中完成第一网页的文档对象模型树加载操作。
3.根据权利要求1所述的方法,其特征在于,所述在所述第一网页的底部添加预设定位元素,包括:
通过运行预设脚本来在所述第一网页的底部添加预设定位元素。
4.根据权利要求1所述的方法,其特征在于,所述在所述第一网页的底部添加预设定位元素,包括:
在所述第一网页的主体元素的底部添加显示高度为0的划分元素。
5.根据权利要求1所述的方法,其特征在于,在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,还包括:
采用预设频率检测所述预设定位元素是否位于所述第一网页的底部,若否,则将所述预设定位元素调整至所述第一网页的底部。
6.根据权利要求5所述的方法,其特征在于,在将所述预设定位元素调整至所述第一网页的底部之后,还包括:
重新根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
7.根据权利要求1-6任一所述的方法,其特征在于,在所述根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度之后,还包括:
根据所述显示高度确定所述第一应用程序的当前页面中,所述第一页面与其他显示内容的位置关系,并根据所述位置关系显示所述当前页面。
8.一种网页显示高度确定装置,其特征在于,包括:
加载检测模块,用于检测第一应用程序是否完成第一网页的加载操作;
元素添加模块,用于在检测到第一应用程序完成第一网页的加载操作时,在所述第一网页的底部添加预设定位元素;
显示高度确定模块,用于根据所述预设定位元素与所述第一网页的顶部的距离确定所述第一网页的显示高度。
9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-7任一项所述的方法。
10.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1-7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010009659.9A CN111177635B (zh) | 2020-01-06 | 2020-01-06 | 网页显示高度确定方法、装置、存储介质及设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010009659.9A CN111177635B (zh) | 2020-01-06 | 2020-01-06 | 网页显示高度确定方法、装置、存储介质及设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111177635A true CN111177635A (zh) | 2020-05-19 |
CN111177635B CN111177635B (zh) | 2024-01-02 |
Family
ID=70650780
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010009659.9A Active CN111177635B (zh) | 2020-01-06 | 2020-01-06 | 网页显示高度确定方法、装置、存储介质及设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111177635B (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100023854A1 (en) * | 2008-07-24 | 2010-01-28 | Samsung Electronics, Co.,Ltd | Method and apparatus for reconstructing a web page |
US20100325529A1 (en) * | 2009-06-19 | 2010-12-23 | Microsoft Corporation | Resizing an Editable Area in a Web Page |
CN105183846A (zh) * | 2015-09-07 | 2015-12-23 | 百度在线网络技术(北京)有限公司 | 网页信息的推送方法及装置 |
US20160012025A1 (en) * | 2013-02-27 | 2016-01-14 | Uc Mobile Limited | Web page display method and device |
CN106959973A (zh) * | 2016-01-12 | 2017-07-18 | 阿里巴巴集团控股有限公司 | 一种网页展示方法及系统、用户设备 |
CN107220050A (zh) * | 2017-05-25 | 2017-09-29 | 努比亚技术有限公司 | 自适应显示方法、终端及计算机可读存储介质 |
CN107229454A (zh) * | 2016-03-24 | 2017-10-03 | 阿里巴巴集团控股有限公司 | 混合视图的显示方法及装置 |
CN110096277A (zh) * | 2019-03-19 | 2019-08-06 | 北京三快在线科技有限公司 | 一种动态页面展示方法、装置、电子设备及存储介质 |
-
2020
- 2020-01-06 CN CN202010009659.9A patent/CN111177635B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100023854A1 (en) * | 2008-07-24 | 2010-01-28 | Samsung Electronics, Co.,Ltd | Method and apparatus for reconstructing a web page |
US20100325529A1 (en) * | 2009-06-19 | 2010-12-23 | Microsoft Corporation | Resizing an Editable Area in a Web Page |
US20160012025A1 (en) * | 2013-02-27 | 2016-01-14 | Uc Mobile Limited | Web page display method and device |
CN105183846A (zh) * | 2015-09-07 | 2015-12-23 | 百度在线网络技术(北京)有限公司 | 网页信息的推送方法及装置 |
CN106959973A (zh) * | 2016-01-12 | 2017-07-18 | 阿里巴巴集团控股有限公司 | 一种网页展示方法及系统、用户设备 |
CN107229454A (zh) * | 2016-03-24 | 2017-10-03 | 阿里巴巴集团控股有限公司 | 混合视图的显示方法及装置 |
US20190018830A1 (en) * | 2016-03-24 | 2019-01-17 | Alibaba Group Holding Limited | Mixed view display method and device |
CN107220050A (zh) * | 2017-05-25 | 2017-09-29 | 努比亚技术有限公司 | 自适应显示方法、终端及计算机可读存储介质 |
CN110096277A (zh) * | 2019-03-19 | 2019-08-06 | 北京三快在线科技有限公司 | 一种动态页面展示方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111177635B (zh) | 2024-01-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111274760B (zh) | 富文本数据处理方法、装置、电子设备及计算机存储介质 | |
CN109857486B (zh) | 一种程序页面数据的处理方法、装置、设备和介质 | |
US9436772B2 (en) | Appending a uniform resource identifier (URI) fragment identifier to a uniform resource locator (URL) | |
CN111813641B (zh) | 崩溃信息收集的方法、装置、介质和设备 | |
CN112684968A (zh) | 页面展示方法、装置、电子设备和计算机可读介质 | |
CN110781437A (zh) | 网页图像加载时长的获取方法、装置及电子设备 | |
US9495332B2 (en) | Detection and repositioning of pop-up dialogs | |
CN112035092A (zh) | 一种表单的处理方法、装置、设备和可读介质 | |
CN110647369B (zh) | 页面动态显示的方法、装置、移动终端及存储介质 | |
CN115495417A (zh) | 内容加载方法、装置、设备、介质和程序产品 | |
US20170039076A1 (en) | Adjusting tap position on touch screen | |
CN110069186B (zh) | 显示应用的操作界面的方法和设备 | |
CN111914517A (zh) | 文档超链接创建方法、装置、电子设备和可读存储介质 | |
CN109992698B (zh) | 数据处理方法、装置、电子设备及可读存储介质 | |
CN111177635B (zh) | 网页显示高度确定方法、装置、存储介质及设备 | |
CN113094286B (zh) | 页面测试方法和装置、存储介质和电子设备 | |
CN110717126A (zh) | 页面浏览方法、装置、电子设备及计算机可读存储介质 | |
CN112800373B (zh) | 网页资源数据生成方法、装置、计算机设备及存储介质 | |
CN112433778B (zh) | 一种移动设备页面显示方法、装置、电子设备及存储介质 | |
CN114489902A (zh) | 界面展示方法、装置、设备及介质 | |
CN114461214A (zh) | 一种页面显示方法、装置、电子设备及存储介质 | |
CN114090938A (zh) | 页面处理方法及设备 | |
CN111506185B (zh) | 对文档进行操作的方法、装置、电子设备及存储介质 | |
CN113672317A (zh) | 用于渲染题目页面的方法和装置 | |
CN113835791B (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 |