CN108628870A - 一种网页预览方法和装置 - Google Patents
一种网页预览方法和装置 Download PDFInfo
- Publication number
- CN108628870A CN108628870A CN201710157673.1A CN201710157673A CN108628870A CN 108628870 A CN108628870 A CN 108628870A CN 201710157673 A CN201710157673 A CN 201710157673A CN 108628870 A CN108628870 A CN 108628870A
- Authority
- CN
- China
- Prior art keywords
- web
- preview
- web page
- webpage
- page interlinkage
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种网页预览方法和装置,其中,所述方法包括:当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图,所述网页预览图由所述网页链接对应的网页的页面内容生成。应用本发明实施例,检测到针对网页链接的指定操作事件时,显示由网页链接对应的网页的页面内容生成的网页预览图,用户通过网页预览图可以得知网页链接对应的内容,以确定是否打开网页链接。
Description
技术领域
本发明涉及浏览器技术领域,特别是涉及一种网页预览方法和一种网页预览装置。
背景技术
随着网络技术的发展,人们通过浏览器浏览网页,以获取信息。用户可在浏览器的收藏夹中以网页链接形式来保存网页,呈现的是网页的URL(统一资源定位符,UniformResource Locator),当人们收藏的网页越来越多或者时间较长时,人们很难从呈现的网页链接得知收藏网页的内容,又或者人们在浏览器输入网页地址时,候选栏会根据用户的输入实时显示候选网页链接,人们很难知道哪个候选网页链接是自己想要的,又或者人们在浏览社交媒体时看到分享的网页链接,也无法得知网页链接的内容,又或者打开多个标签页,也无法得知非当前显示的标签页链接对应的网页内容,可见,人们在面对网页链接时,没有有效的方法确定是否需要打开网页链接。
发明内容
本发明实施例所要解决的技术问题是提供一种网页预览方法,以帮助人们在面对网页链接时,确定是否需要打开网页链接。
相应的,本发明实施例还提供了一种网页预览装置,用以保证上述方法的实现及应用。
为了解决上述问题,本发明公开了一种网页预览方法,包括:
当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成。
优选地,所述指定操作事件包括鼠标悬停事件,通过以下方式确定检测到针对网页链接的指定操作事件:
判断所述鼠标悬停是否是针对所述网页链接;
若是,则统计所述鼠标悬停的时间长度;
当所述鼠标悬停的时间长度大于预设阈值时,确定所述鼠标悬停为针对网页链接的指定操作事件。
优选地,所述显示所述网页链接的网页预览图的步骤包括:
确定所述网页链接的坐标位置;
根据所述网页链接的坐标位置,在所述当前网页生成弹出窗口;
在所述弹出窗口显示所述网页预览图。
优选地,所述网页预览图通过以下步骤生成:
确定所述网页链接对应的网页的网页预览图类型;
根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图。
优选地,所述确定所述网页链接对应的网页的网页预览图类型的步骤包括:
根据所述网页链接,确定所述网页链接对应的网页的网页类型;
根据所述网页类型,确定所述网页预览图类型。
优选地,所述网页预览图类型包括静态网页预览图,所述根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图的步骤包括:
在所述网页的页面内容中确定出网页的主体内容;
对所述主体内容进行分析,确定噪声信息;
在所述主体内容中,删除所述噪声信息,得到预览内容;
依据所述预览内容和所述网页预览图类型,生成网页预览图。
优选地,所述网页预览图类型包括动态网页预览图,所述根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图的步骤包括:
从所述网页的页面内容中,确定出动态页面内容;
截取所述动态页面内容的至少一帧图像;
依据所述至少一帧图像和所述网页预览类型,生成网页预览图。
优选地,所述方法还包括:
当获取所述网页链接对应的网页的网页预览图失败时,获取所述网页链接在先保存于本地的网页预览图;
显示所述本地的网页预览图,并提示用户所述网页不存在消息。
优选地,所述方法还包括:
当所述鼠标移动离开所述网页链接时,所述网页预览图消失。
本发明实施例还公开了一种网页预览装置,包括:
显示模块,用于当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成。
可选地,所述装置还包括检测模块,用于检测针对所述网页链接的指定操作事件;
可选地,所述检测模块包括:
判断子模块,用于判断所述鼠标悬停是否是针对所述网页链接;
悬停时长统计子模块,用于统计鼠标悬停的时间长度;
确定子模块,用于当所述鼠标悬停的时间长度大于预设阈值时,确定检测到针对网页链接的指定操作事件。
可选地,所述显示模块包括:
网页链接位置确定子模块,用于确定所述网页链接的坐标位置;
弹出窗口生成子模块,用于根据所述网页链接的坐标位置,在所述当前网页生成弹出窗口;
显示子模块,用于在所述弹出窗口显示所述网页预览图。
可选地,所述装置还包括网页预览图生成模块,所述网页预览图生成模块包括:
网页预览图类型确定子模块,用于确定所述网页链接对应的网页的网页预览图类型;
网页预览图生成子模块,用于根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页的页面预览图。
可选地,所述网页预览图类型确定子模块包括:
网页类型确定单元,用于根据所述网页链接,确定所述网页链接对应的网页的网页类型;
网页预览图类型确定单元,用于根据所述网页类型,确定所述网页预览图类型。
可选地,所述网页类型包括静态网页,所述网页预览图生成子模块包括:
主体内容确定单元,用于在所述网页的页面内容中确定出网页的主体内容;
噪声信息确定单元,用于对所述主体内容进行分析,确定噪声信息;
预览内容获取单元,用于在所述主体内容中,删除所述噪声信息,得到预览内容;
第一网页预览图生成单元,用于在所述主体内容中,删除噪声信息,得到预览内容。
可选地,所述网页类型包括动态网页,所述网页预览图生成子模块包括:
动态页面内容确定单元,用于从所述网页的页面内容中,确定出动态页面内容;
图像截取单元,用于截取所述动态页面内容的至少一帧图像;
第二网页预览图生成单元,用于依据所述至少一帧图像和所述网页预览类型,生成网页预览图。
可选地,所述装置还包括:
网页预览图获取模块,用于当获取所述网页链接对应的网页的网页预览图失败时,获取所述网页链接在先保存于本地的网页预览图;
信息提示模块,用于显示所述本地的网页预览图,并提示用户所述网页不存在消息。
可选地,所述装置还包括:
网页预览图隐藏模块,用于当所述鼠标移动离开所述网页链接时,所述网页预览图消失。
本发明实施例还公开了一种网页预览装置,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成。
与背景技术相比,本发明实施例包括以下优点:
本发明实施例中,在检测到针对网页链接的指定操作事件时,显示网页链接的网页预览图,其中,网页预览图由网页链接对应的网页的页面内容生成,应用本发明实施例,检测到针对网页链接的指定操作事件时,显示由网页链接对应的网页的页面内容生成的网页预览图,用户通过网页预览图可以得知网页链接对应的内容,以确定是否打开网页链接。
附图说明
图1是本发明的一种网页预览方法实施例的步骤流程图;
图2是本发明实施例的网页预览效果示意图;
图3是本发明的一种网页预览装置实施例的结构框图;
图4是本发明的一种网页预览装置的框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
参照图1,示出了本发明的一种网页预览方法实施例的步骤流程图,具体可以包括如下步骤:
步骤101,当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图,其中,所述网页预览图由所述网页链接对应的网页的页面内容生成。
在本发明实施例中,网页链接可以是以字符串或图标形式显示,例如可以是用户在浏览器的收藏夹、历史记录或者最爱的网页中保存的网页链接,还可以是浏览网页时在网页的文本内容中出现的网页链接,例如在社交媒体网页中分享的网页链接,还可以是用户在浏览器的地址栏输入时,弹出的候选网页链接。
网页链接的指定操作事件可以是预先设置的,例如指定操作事件可以是鼠标悬停在网页链接上保持一定时间长度,还可以是鼠标悬停在网页链接上按住鼠标的一个或多个按键保持一定时间长度等,当然,对于具有触摸功能的显示屏,可以设置触摸操作事件,例如触摸网页链接保持一定时间长度或者触摸的力度(3D Touch)等,本发明实施例对指定操作事件不做限制。
在本发明的一种优选实施例中,指定操作事件包括鼠标悬停事件,则可以通过如下子步骤检测到针对网页链接的指定操作事件:
子步骤S11,判断所述鼠标悬停是否是针对所述网页链接,若是,执行子步骤S12。
用户浏览网页时,通常用鼠标在网页窗口进行操作,例如移动页面、点击相关链接等,因此,检测是否是针对网页链接的指定操作事件,需要确定鼠标悬停是否是针对网页链接的操作。
具体而言,可以先确定鼠标在网页中的坐标位置,可以通过网页窗口的消息处理函数派发鼠标事件以检测鼠标在网页中的每一次操作,例如鼠标的移动、点击、悬停等,网页都能得到鼠标的操作通知,从而可以确定当前鼠标所在的坐标位置以及操作信息。然后获取鼠标悬停的坐标位置对应的页面元素,当鼠标悬停的坐标位置对应的页面元素是网页链接时,则确定鼠标悬停是针对网页链接。
网页是由多个页面元素组成的,在网页的页面布局时,确定了每个页面元素的坐标,即每个页面元素在网页的页面中的显示位置,获取鼠标悬停的坐标位置后,就可以将鼠标悬停的坐标位置与布局文件中网页链接的坐标进行匹配,例如网页的CSS(层叠样式表,Cascading Style Sheets)文档中记载了页面链接的坐标、大小等显示样式,可以通过CSS文档获取到网页链接的坐标位置,通过匹配就可以确定鼠标悬停是否是针对网页链接。
子步骤S12,统计鼠标悬停的时间长度。
当鼠标悬停是针对网页链接时,可以设置一个计时器,统计鼠标悬停的时间长度,在计时器计时过程中,如果鼠标已经移动离开网页链接,重新设置计时器。
子步骤S13,当所述鼠标悬停的时间长度大于预设阈值时,确定所述鼠标悬停为针对网页链接的指定操作事件。
计时器在计时的同时,可以实时将计时得到的时间长度,即鼠标悬停的时间长度和预设阈值进行比较,预设阈值可以根据实际情况确定,例如参考用户鼠标悬停习惯、设备的性能、网络状况等。
当鼠标悬停的时间长度大于预设阈值,则可以确定检测到针对网页链接的指定操作事件,例如检测到鼠标悬停在网页链接上超过2秒,则可以确定用户正在考虑是否要打开网页链接,此时可以显示网页链接的网页预览图。
子步骤S11-S13通过检测鼠标悬停在网页链接的时间长度是否大于预设阈值以确定是否检测到指定操作事件,当然,在实施本发明实施例时,可以根据实际情况通过其它方式确定是否检测到指定操作事件,例如触摸屏的触摸操作等,本发明实施例对此不加以限制。
在检测到针对网页链接的指定操作事件后,可以显示网页链接的网页预览图,网页预览图可以在当前网页生成的弹出窗口中显示,具体的可以包括如下子步骤:
子步骤S21,确定所述网页链接的坐标位置;
子步骤S22,根据所述网页链接的坐标位置,在所述当前网页生成弹出窗口;
子步骤S23,在所述弹出窗口显示所述网页预览图。
按照绝大部分用户的预览习惯,网页预览图通常以弹出窗口的形式设置在网页链接的右侧,例如和网页链接并列、或者在网页链接右上或右下角。因此,可以获取网页链接的坐标位置,根据网页链接的坐标位置,向右或右上或右下增加一定的数值,生成一个弹出窗口的坐标位置,然后根据弹出窗口的坐标位置,在当前网页生成弹出窗口,然后在弹出窗口显示网页预览图,这样网页预览图和网页链接相邻显示,便于用户快速查看网页预览图,使用户获得最佳的操作体验。
在本发明的一种优选实施例中,网页预览图由网页链接对应的网页的页面内容生成,具体的,可以包括如下子步骤:
子步骤S31,确定所述网页链接对应的网页的网页预览图类型。
在实际应用中,网页预览图应尽可能的让用户快速得知网页链接对应的网页的内容,因此,网页预览图可以是网页中能代表网页内容的区域,不同的网页类型,网页的布局、显示风格也不相同,因此可以先确定网页链接的网页的网页预览图类型,在本发明的一种实施例中,子步骤S31可以包括如下子步骤:
子步骤S311,根据所述网页链接,确定所述网页链接对应的网页的网页类型;
子步骤S312,根据所述网页类型,确定所述网页预览图类型。
本发明实施例中,网页类型可以包括静态网页和动态网页,静态网页可以是指在显示的网页的页面内容中,全部或者大部分页面元素的显示效果是静态的,例如,新闻类、小说阅读、论坛等类型网页可以作为静态网页,动态网页可以是指在显示的网页的页面内容中,主要的页面元素的显示效果是动态的,例如在线播放视频的网页、或者页面内容中主要内容的显示是动态的网页,对于静态网页,网页预览图可以为静态网页预览图,对于动态网页,网页预览图可以为动态网页预览图。
具体而言,可以对网页链接进行解析,得到网页链接的各个组成部分后,通过各组成部分与预设分类规则进行匹配,得到网页链接对应的网页类型是静态网页还是动态网页;还可以通过网页链接,获取网页的页面内容,对页面内容进行分析,从网页内容中提取特征词,将特征词输入预先训练的分类器中,得到网页的网页类型。
当然,还可以预设网页数据库,网页数据库中保存了海量的网页的网页链接,并且将网页链接进行分类,例如分为视频类网页、购物类网页、新闻类网页等,并且为每个网页链接设置网页类型、网页类型对应的网页预览图类型,获取网页链接后,可以直接在预设网页数据库中获取网页链接对应的网页的网页预览图类型。
子步骤S32,根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图。
确定网页的网页预览图类型后,可以根据网页预览图类型以及网页链接对应的网页的页面内容,生成网页预览图,在本发明实施例中,网页预览图类型包括静态网页预览图,子步骤S32可以包括如下子步骤:
子步骤S321,在所述网页的页面内容中确定出网页的主体内容。
本发明实施例中,对于静态网页,可以直接将网页的整个显示窗口作为主体内容,也可以对网页内容进行分析,提取主要内容作为主体内容,例如分析网页的各个版块在网页的显示窗口中所占面积的比例,将比例较大的版块作为主体内容;或者是统计各版块的访问量,将访问量最大的版块作为主体内容;或者是根据网页内容确定主体内容,例如新闻类网页则将新闻头条版块作为主体内容,购物类网页则将包含产品图片、价格等信息的图片作为主体内容等。
子步骤S322,对所述主体内容进行分析,确定噪声信息。
在主体内容的页面上,有可能存在噪声信息,例如广告、浮窗等,为了避免在网页预览图中显示噪声信息,可以对主体内容进行分析,以去除噪声信息,具体的,可以获取网页的DOM(Document Object Model,文档对象模型)树结构,在DOM树结构中找出主体内容的主节点,然后获取主节点下的各子节点,判断子节点的资源链接中是否包含关键字,例如对于广告,如果资源链接中包含ad、go、goto、ads、adsclick等词,则该子节点可以确定是广告节点。
子步骤S323,在所述主体内容中,删除所述噪声信息,得到预览内容。
在确定出噪声信息后,可以删除噪声信息,将删除噪声信息后的主体内容作为网页的预览内容,例如在新闻网页中,删除浮窗、广告等,将包括网页标题、文字、图片等内容作为预览内容。具体而言,可以在DOM树结构中,将噪声信息的节点的显示属性设置为隐藏,或者直接删除节点。
子步骤S324,依据所述预览内容和所述网页预览图类型,生成网页预览图。
在得到网页的预览内容后,可以对预览内容进行截图,得到页面截图,具体的可以通过操作***、浏览器或第三方程序提供的接口对网页的预览内容进行截图。以微软操作***为例,IE内核支持图形接口:OleDraw(IUnknown*pUnk,DWORD dwAspect,HDC hdcDraw,LPCRECT lprcBounds)其中,各参数的含义如下:
pUnk:IE内核提供的com接口:IHTMLDocument2;
dwAspect:绘制的类型;
hdcDraw:接收绘制结果的设备上下文句柄;
lprcBounds:指定要绘制的页面矩形区域坐标。
对网页的预览内容进行截图,得到页面截图的过程具体包括:通过将浏览器对应的网页页面的com接口传递到接口OleDraw里面,就可以获取到网页的预览内容的页面截图。
当然还可以通过浏览器中安装的截图插件对预览内容进行截图,本发明实施例对页面截图的获取方法不做限制。
在本发明实施例中,在获取预览内容的页面截图之后,可以根据网页预览图类型,例如,网页预览图类型为静态预览图,可以将页面截图生成可用于在弹出窗口显示的静态图片,具体的,可以获取弹出窗口的尺寸,根据弹出窗口的尺寸确定页面截图的尺寸,按照页面截图的尺寸和页面截图生成网页预览图。
为了使得页面截图适于在弹出窗口显示,需要对页面截图进行尺寸大小、分辨率等调整,如果是静态网页预览图,则生成静态的网页预览图,保存在本地或者服务器,当需要在弹出窗口显示网页预览图时,可以从本地或者服务器加载网页预览图。
在本发明实施例中,网页预览图类型还可以包括动态网页预览图,则子步骤S32可以包括如下子步骤:
子步骤S325,从所述网页的页面内容中,确定出动态页面内容。
在实际应用中,网页有可能是动态网页,例如视频在线播放网页或者其它主体内容中包括动效内容的网页,例如动态图片浏览网页等,对于视频在线播放网页,则可以将视频文件的播放页面作为动态内容,对于其它主体内容中包括动效内容的网页,则可以将显示的动效内容作为动态内容,例如动态图片浏览网页中,可以将动态图片的浏览窗口的内容作为动态内容。具体的,可以在网页链接对应的网页的HTML(超文本标记语言,HyperTextMarkup Language)文档中,查找出动态内容的标签,然后获取标签下动态内容的资源链接,例如视频文件播放的网页中,可以获取视频文件的链接地址,通过视频文件的链接地址从流媒体服务器中获取视频文件,如果用户将视频文件保存在本地,还可以直接从本地获取目标视频文件,对于主体内容中包括动效内容的网页,可以获取动效内容的链接地址,通过链接地址获取动效内容。
子步骤S326,截取所述动态页面内容的至少一帧图像。
为了使得网页预览图能更真实的反映出网页的内容,网页预览图可以是动态网页预览图,即在弹出窗口中显示动态的画面。动态网页预览图可以是一段视频片段,也可以是若干帧图像按照一定时间间隔显示。生成动态网页预览图需要一帧以上图像,因此可以截取动态页面内容的至少一帧图像。
以视频在线播放网页为示例,由于视频是由多帧图像按照一定的时间间隔生成的,并且网页预览图像不需要长时间显示,因此可以从视频中,截取指定时间长度的视频的多帧图像,例如视频开始播放的前几分钟、用户上次播放暂停的多帧图像、视频中具有代表性的图像等,具体的,可以获取视频的播放时间戳,在播放时间戳中指定开始播放时间与结束播放时间以截取指定时间长度的视频的多帧图像,还可以通过第三方视频剪辑软件截取指定时间长度的视频的多帧图像等,当然还可以直接获取视频文件的URL,不进行视频片段的截取,在弹出窗口中实时播放视频作为网页预览图。
以上是以视频在线播放网页为示例说明,当然对于其它动效内容,可以截取一帧或者一帧以上的关键图像,例如动态图像浏览网页,可以截取一帧或一帧以上的图像。
子步骤S327,依据所述至少一帧图像和所述网页预览类型,生成网页预览图。
在截取动态内容的至少一帧图像后,对图像进行编辑,生成网页预览图。例如,如果只有一帧图像,则调整图像的尺寸大小、分辨率等,生成网页预览图;如果有一帧以上图像,则调整各帧图像的尺寸、分辨率后,设置各帧图像的显示时间间隔,生成动态网页预览图,例如可以是.GIF格式的动态网页预览图,如果获取的是视频片段,则将视频片段作为网页预览图在弹出窗口中播放。
通过子步骤S31-S32,可以根据网页链接对应的网页的网页类型,确定网页预览图类型,然后根据网页预览图类型,获取相应的网页内容,生成不同类型的页面预览图,可以更形象的在弹出窗口显示网页预览图,使得用户能够直观判断是否需要打开网页链接。
生成网页预览图后,可以在网页的弹出窗口加载网页预览图,网页的显示是通过浏览器的页面渲染引擎实现的,本发明实施例中,显示网页预览图时,已在当前网页DOM(文档对象模型,Document Object Model)树中增加了弹出窗口的节点,相应的网页的render(渲染)树也在做相应的修改,页面渲染引擎根据render树绘制弹出窗口,获取HTML中的网页预览图的资源,包括保存在本地或者服务器上的网页预览图,加载网页预览图对应的CSS文档,完成弹出窗口的绘制,最后输出至显示器进行显示,从而实现在当前网页页面显示网页预览图,如图2所示,为本发明实施例的网页链接的网页预览图的效果示意图。
在本发明的一种优选实施例中,还包括:
当获取所述网页链接对应的网页的网页预览图失败时,获取所述网页链接在先保存于本地的网页预览图;显示所述本地的网页预览图,并提示用户所述网页不存在消息。
在实际应用中,网页链接经过较长时间或者其它因素可能导致网页失效,此时可以获取在先保存于本地的网页预览图并在弹出窗口中显示,然后提示用户网页不存在或者无效等消息,这样用户可以知道网页已失效,用户可以删除收藏的网页链接或者忽略该网页链接,并根据显示的在先的网页预览图重新搜索可用的网页。
在本发明的一种优选实施例中,还包括:
当所述鼠标移动离开所述网页链接时,所述网页预览图消失。
用户在查看网页预览图后,有可能会点击打开网页链接或者查看下一个网页链接,此时当检测到鼠标点击或移动离开当前网页链接时,网页预览图消失,当然还可以在弹出窗口设置关闭按钮,用户点击关闭按钮关闭网页预览图。
本发明实施例中,在检测到针对网页链接的指定操作事件时,显示网页链接的网页预览图,其中,网页预览图由网页链接对应的网页的页面内容生成,应用本发明实施例,检测到针对网页链接的指定操作事件时,显示网页链接对应的网页预览图,用户通过网页预览图可以得知网页链接对应的内容,以确定是否打开网页链接。
本发明实施例中,可以根据网页链接对应的网页的网页类型,确定网页预览图为静态网页预览图还是动态网页预览图,可以更形象的在弹出窗口显示网页链接对应的网页内容,使得用户直观的得知网页链接对应的内容,以确定是否打开网页链接。
参照图3,示出了本发明一种网页预览装置实施例的结构框图,一种网页预览装置200包括如下模块:
显示模块201,用于当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成
可选地,所述装置还包括检测模块,用于检测针对所述网页链接的指定操作事件;
可选地,所述检测模块包括:
判断子模块,用于判断所述鼠标悬停是否是针对所述网页链接;
悬停时长统计子模块,用于统计鼠标悬停的时间长度;
判断子模块,用于判断所述鼠标悬停的时间长度是否大于预设阈值;
确定子模块,用于当所述鼠标悬停的时间长度大于预设阈值时,确定检测到针对网页链接的指定操作事件。
可选地,所述显示模块201包括:
网页链接位置确定子模块,用于确定所述网页链接的坐标位置;
弹出窗口生成子模块,用于根据所述网页链接的坐标位置,在所述当前网页生成弹出窗口;
显示子模块,用于在所述弹出窗口显示所述网页预览图。
可选地,所述装置还包括网页预览图生成模块,所述网页预览图生成模块包括:网页预览图类型确定子模块,用于确定所述网页链接对应的网页的网页预览图类型;
网页预览图生成子模块,用于根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页的页面预览图。
可选地,所述网页预览图类型确定子模块包括:
网页类型确定单元,用于根据所述网页链接,确定所述网页链接对应的网页的网页类型;
网页预览图类型确定单元,用于根据所述网页类型,确定所述网页预览图类型。
可选地,所述网页类型包括静态网页,所述网页预览图生成子模块包括:
主体内容确定单元,用于在所述网页的页面内容中确定出网页的主体内容;
噪声信息确定单元,用于对所述主体内容进行分析,确定噪声信息;
预览内容获取单元,用于在所述主体内容中,删除所述噪声信息,得到预览内容;
第一网页预览图生成单元,用于在所述主体内容中,删除噪声信息,得到预览内容。
可选地,所述网页类型包括动态网页,所述网页预览图生成子模块包括:
动态页面内容确定单元,用于从所述网页的页面内容中,确定出动态页面内容;
图像截取单元,用于截取所述动态页面内容的至少一帧图像;
第二网页预览图生成单元,用于依据所述至少一帧图像和所述网页预览类型,生成网页预览图。
可选地,所述装置还包括:
网页预览图获取模块,用于当获取所述网页链接对应的网页的网页预览图失败时,获取所述网页链接在先保存于本地的网页预览图;
信息提示模块,用于显示所述本地的网页预览图,并提示用户所述网页不存在消息。
可选地,所述装置还包括:
网页预览图隐藏模块,用于当所述鼠标移动离开所述网页链接时,所述网页预览图消失。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
图4是根据一示例性实施例示出的一种网页预览装置300的框图。例如,装置300可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图4,装置300可以包括以下一个或多个组件:处理组件302,存储器304,电源组件306,多媒体组件308,音频组件310,输入/输出(I/O)的接口312,传感器组件314,以及通信组件316。
处理组件302通常控制装置300的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件302可以包括一个或多个处理器320来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件302可以包括一个或多个模块,便于处理组件302和其他组件之间的交互。例如,处理部件302可以包括多媒体模块,以方便多媒体组件308和处理组件302之间的交互。
存储器304被配置为存储各种类型的数据以支持在装置300的操作。这些数据的示例包括用于在装置300上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器304可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件306为装置300的各种组件提供电力。电源组件306可以包括电源管理***,一个或多个电源,及其他与为装置300生成、管理和分配电力相关联的组件。
多媒体组件308包括在所述装置300和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件308包括一个前置摄像头和/或后置摄像头。当设备300处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。
音频组件310被配置为输出和/或输入音频信号。例如,音频组件310包括一个麦克风(MIC),当装置300处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器304或经由通信组件316发送。在一些实施例中,音频组件310还包括一个扬声器,用于输出音频信号。
I/O接口312为处理组件302和***接口模块之间提供接口,上述***接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件314包括一个或多个传感器,用于为装置300提供各个方面的状态评估。例如,传感器组件314可以检测到设备300的打开/关闭状态,组件的相对定位,例如所述组件为装置300的显示器和小键盘,传感器组件314还可以检测装置300或装置300一个组件的位置改变,用户与装置300接触的存在或不存在,装置300方位或加速/减速和装置300的温度变化。传感器组件314可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件314还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件314还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件316被配置为便于装置300和其他设备之间有线或无线方式的通信。装置300可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信部件314经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件314还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置300可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器304,上述指令可由装置300的处理器320执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种网页预览方法,所述方法包括:
当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成。
可选地,所述指定操作事件包括鼠标悬停事件,通过以下方式确定检测到针对网页链接的指定操作事件:
判断所述鼠标悬停是否是针对所述网页链接;
若是,则统计所述鼠标悬停的时间长度;
当所述鼠标悬停的时间长度大于预设阈值时,确定所述鼠标悬停为针对网页链接的指定操作事件。
可选地,所述显示所述网页链接的网页预览图的步骤包括:
确定所述网页链接的坐标位置;
根据所述网页链接的坐标位置,在所述当前网页生成弹出窗口;
在所述弹出窗口显示所述网页预览图。
可选地,所述网页预览图通过以下步骤生成:
确定所述网页链接对应的网页的网页预览图类型;
根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图。
可选地,所述确定所述网页链接对应的网页的网页预览图类型的步骤包括:
根据所述网页链接,确定所述网页链接对应的网页的网页类型;
根据所述网页类型,确定所述网页预览图类型。
可选地,所述网页预览图类型包括静态网页预览图,所述根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图的步骤包括:
在所述网页的页面内容中确定出网页的主体内容;
对所述主体内容进行分析,确定噪声信息;
在所述主体内容中,删除所述噪声信息,得到预览内容;
依据所述预览内容和所述网页预览图类型,生成网页预览图。
可选地,所述网页预览图类型包括动态网页预览图,所述根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图的步骤包括:
从所述网页的页面内容中,确定出动态页面内容;
截取所述动态页面内容的至少一帧图像;
依据所述至少一帧图像和所述网页预览类型,生成网页预览图。
可选地,所述方法还包括:
当获取所述网页链接对应的网页的网页预览图失败时,获取所述网页链接在先保存于本地的网页预览图;
显示所述本地的网页预览图,并提示用户所述网页不存在消息。
可选地,所述方法还包括:
当所述鼠标移动离开所述网页链接时,所述网页预览图消失。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本发明旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (11)
1.一种网页预览方法,其特征在于,包括:
当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成。
2.根据权利要求1所述的方法,其特征在于,所述指定操作事件包括鼠标悬停事件,通过以下方式确定检测到针对网页链接的指定操作事件:
判断所述鼠标悬停是否是针对所述网页链接;
若是,则统计所述鼠标悬停的时间长度;
当所述鼠标悬停的时间长度大于预设阈值时,确定所述鼠标悬停为针对网页链接的指定操作事件。
3.根据权利要求1或2所述的方法,其特征在于,所述显示所述网页链接的网页预览图的步骤包括:
确定所述网页链接的坐标位置;
根据所述网页链接的坐标位置,在所述当前网页生成弹出窗口;
在所述弹出窗口显示所述网页预览图。
4.根据权利要求1所述的方法,其特征在于,所述网页预览图通过以下步骤生成:
确定所述网页链接对应的网页的网页预览图类型;
根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图。
5.根据权利要求4所述的方法,其特征在于,所述确定所述网页链接对应的网页的网页预览图类型的步骤包括:
根据所述网页链接,确定所述网页链接对应的网页的网页类型;
根据所述网页类型,确定所述网页预览图类型。
6.根据权利要求5所述的方法,其特征在于,所述网页预览图类型包括静态网页预览图,所述根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图的步骤包括:
在所述网页的页面内容中确定出网页的主体内容;
对所述主体内容进行分析,确定噪声信息;
在所述主体内容中,删除所述噪声信息,得到预览内容;
依据所述预览内容和所述网页预览图类型,生成网页预览图。
7.根据权利要求5所述的方法,其特征在于,所述网页预览图类型包括动态网页预览图,所述根据所述网页预览图类型以及网页链接对应的网页的页面内容,生成所述网页预览图的步骤包括:
从所述网页的页面内容中,确定出动态页面内容;
截取所述动态页面内容的至少一帧图像;
依据所述至少一帧图像和所述网页预览类型,生成网页预览图。
8.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当获取所述网页链接对应的网页的网页预览图失败时,获取所述网页链接在先保存于本地的网页预览图;
显示所述本地的网页预览图,并提示用户所述网页不存在消息。
9.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当所述鼠标移动离开所述网页链接时,所述网页预览图消失。
10.一种网页预览装置,其特征在于,包括:
显示模块,用于当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成。
11.一种网页预览装置,其特征在于,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
当检测到针对网页链接的指定操作事件时,显示所述网页链接的网页预览图;其中,
所述网页预览图由所述网页链接对应的网页的页面内容生成。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710157673.1A CN108628870A (zh) | 2017-03-16 | 2017-03-16 | 一种网页预览方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710157673.1A CN108628870A (zh) | 2017-03-16 | 2017-03-16 | 一种网页预览方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108628870A true CN108628870A (zh) | 2018-10-09 |
Family
ID=63686740
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710157673.1A Pending CN108628870A (zh) | 2017-03-16 | 2017-03-16 | 一种网页预览方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108628870A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115174964A (zh) * | 2022-06-30 | 2022-10-11 | 郑州小鸟信息科技有限公司 | 一种多媒体渲染***的预览和控制方法 |
WO2023229695A1 (en) * | 2022-05-24 | 2023-11-30 | Microsoft Technology Licensing, Llc | Web site preview generation based on web site type |
US11960817B2 (en) | 2022-05-24 | 2024-04-16 | Microsoft Technology Licensing, Llc | Web site preview based on client presentation state |
US11983483B2 (en) | 2022-05-24 | 2024-05-14 | Microsoft Technology Licensing, Llc | Web site preview generation with action control |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102200971A (zh) * | 2010-03-22 | 2011-09-28 | 腾讯科技(深圳)有限公司 | 一种实现网页内容预览的方法和设备 |
CN102831155A (zh) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | 一种网页标签的缩微图显示方法和装置 |
CN103023870A (zh) * | 2012-11-14 | 2013-04-03 | 北京小米科技有限责任公司 | 一种消息中数据的输出方法、装置和设备 |
-
2017
- 2017-03-16 CN CN201710157673.1A patent/CN108628870A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102200971A (zh) * | 2010-03-22 | 2011-09-28 | 腾讯科技(深圳)有限公司 | 一种实现网页内容预览的方法和设备 |
CN102831155A (zh) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | 一种网页标签的缩微图显示方法和装置 |
CN103023870A (zh) * | 2012-11-14 | 2013-04-03 | 北京小米科技有限责任公司 | 一种消息中数据的输出方法、装置和设备 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023229695A1 (en) * | 2022-05-24 | 2023-11-30 | Microsoft Technology Licensing, Llc | Web site preview generation based on web site type |
US11960817B2 (en) | 2022-05-24 | 2024-04-16 | Microsoft Technology Licensing, Llc | Web site preview based on client presentation state |
US11983483B2 (en) | 2022-05-24 | 2024-05-14 | Microsoft Technology Licensing, Llc | Web site preview generation with action control |
CN115174964A (zh) * | 2022-06-30 | 2022-10-11 | 郑州小鸟信息科技有限公司 | 一种多媒体渲染***的预览和控制方法 |
CN115174964B (zh) * | 2022-06-30 | 2024-03-26 | 郑州小鸟信息科技有限公司 | 一种多媒体渲染***的预览和控制方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107329743A (zh) | 应用页面的展示方法、装置及存储介质 | |
CN105956026B (zh) | 网页渲染方法及装置 | |
JP6051338B2 (ja) | ページロールバック制御方法、ページロールバック制御装置、端末、プログラム及び記録媒体 | |
CN104778405B (zh) | 广告拦截方法及装置 | |
CN104615655B (zh) | 信息推荐方法和装置 | |
CN104239422B (zh) | 广告识别方法及装置、电子设备 | |
CN104991916B (zh) | 网页的加载方法及装置 | |
CN104050266B (zh) | 用户行为记录方法、装置和网页浏览器 | |
EP3407213A1 (en) | Information resource collection method, device, and computer program | |
CN108664303A (zh) | 网页内容的显示方法及装置 | |
CN108628870A (zh) | 一种网页预览方法和装置 | |
CN107291465A (zh) | 页面显示方法、装置及存储介质 | |
CN104298481A (zh) | 用于显示内容的方法及其电子设备 | |
CN107193976A (zh) | 信息资源显示方法、装置及计算机可读存储介质 | |
CN108595665A (zh) | 网页内容的显示方法及装置 | |
CN110506267B (zh) | 数字组件背景渲染 | |
CN104778226A (zh) | 网页内内容项屏蔽方法及装置 | |
WO2017211200A1 (zh) | 动态列表的显示方法、装置、设备和*** | |
CN106896991A (zh) | 一种更新信息的方法及装置 | |
CN107797729A (zh) | 界面展示方法及装置 | |
CN107153684A (zh) | 推送消息的显示方法、装置和设备 | |
CN106886540A (zh) | 一种数据搜索方法、装置以及用于数据搜索的装置 | |
CN104199915B (zh) | 网页变化检测方法及装置 | |
CN106649525A (zh) | 显示网页信息的方法及装置 | |
CN110309324A (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 |