CN102446224A - 一种网页多层次区块剪取方法 - Google Patents
一种网页多层次区块剪取方法 Download PDFInfo
- Publication number
- CN102446224A CN102446224A CN2012100018468A CN201210001846A CN102446224A CN 102446224 A CN102446224 A CN 102446224A CN 2012100018468 A CN2012100018468 A CN 2012100018468A CN 201210001846 A CN201210001846 A CN 201210001846A CN 102446224 A CN102446224 A CN 102446224A
- Authority
- CN
- China
- Prior art keywords
- webpage
- web page
- level area
- api
- area clipping
- 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
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
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)
Abstract
本发明提供一种网页多层次区块剪取方法。上述方法包括以下步骤:用户于源网页的输入控件输入网址,源网页创建网页框架以加载显示所述网址对应的网页A;所述网页A调用网页多层次区块剪取api保存所述网页A的信息;于所述网页A上的链接被点击时,通过网页多层次区块剪取api在所述源网页的网页框架显示该链接对应的网页B;所述网页B调用网页多层次区块剪取api保存所述网页B的信息;当在所述网页B进行区块剪取时,调用网页多层次区块剪取api进行网页剪取及保存操作。
Description
技术领域
本发明属于网络技术领域,尤其涉及一种网页多层次区块剪取方法。
背景技术
目前,现有进行网页区块剪取只能剪取一级页面,即只能剪取用户首页打开的网页。如果用户想先打开一个引导页,而想剪取的页面是引导页面点进去的页面,则无法实现网页剪取。例如,用户打开新浪首页,此时用户没有网页剪取的意愿,而在点击至某个新闻页面后产生了剪取意愿,此时需要进行网页剪取,目前的网页剪取技术无法实现上述网页的剪取。因此,目前的网页剪取技术无法符合用户的操作习惯,会影响用户体验。
发明内容
本发明提供一种网页多层次区块剪取方法,以解决上述问题。
本发明提供一种网页多层次区块剪取方法。上述方法包括以下步骤:用户于源网页的输入控件输入网址,源网页创建网页框架以加载显示所述网址对应的网页A;所述网页A调用网页多层次区块剪取api保存所述网页A的信息;于所述网页A上的链接被点击时,通过网页多层次区块剪取api在所述源网页的网页框架显示该链接对应的网页B;所述网页B调用网页多层次区块剪取api保存所述网页B的信息;当在所述网页B进行区块剪取时,调用网页多层次区块剪取api进行网页剪取及保存操作。
相较于先前技术,根据本发明提供的网页多层次区块剪取方法,通过网页多层次区块剪取api可以实现网页A或者网页A的子页面的剪取。于本发明中,当用户需要进行网页剪取时,再主动触发网页剪取功能进行剪取,确保用户能正常进行网页剪取操作。如此,网页区块剪取不局限于单个页面,用户可以根据自己的需求选择网页进行网页区块剪取,提高了用户体验。而且,本发明实现的网页多层次区块剪取方法完全基于网页实现,无需下载任何插件,方便、快捷、高效,能够在视频会议、远程教育等嵌入使用,应用范围广泛。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1所示为根据本发明的较佳实施例提供的网页多层次区块剪取方法的流程图。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
图1所示为根据本发明的较佳实施例提供的网页多层次区块剪取方法的流程图。如图1所示,本发明较佳实施例提供的网页多层次区块剪取方法包括步骤101~105。
于步骤101,用户于源网页的输入控件输入网址,源网页创建网页框架以加载显示所述网址对应的网页A。具体而言,用户打开源网页,在源网页的输入控件(例如,文本框)中输入网址(例如,www.sina.com),源网页通过document.createElement方法创建网页框架(例如,用ifr表示),将所述网页框架的src赋值为所述网址,并将所述网页框架添加到源网页中。如此,所述网址对应的网页A可在源网页加载显示。
于步骤102,所述网页A调用网页多层次区块剪取api保存所述网页A的信息。
于本实施例中,网页多层次区块剪取api用于在网页加载完成后自动生成网页框架m,并将网页框架m的src属性设置为网页多层次区块剪取api回调页面,并用于将所述网页框架m添加至所述网页;所述网页多层次区块剪取api用于将所述网页中的所有链接附加上onclick事件;用于通过改变所述网页框架m的src属性将所述网页的信息以URL参数形式传递至网页多层次区块剪取api回调页面,网页多层次区块剪取api回调页面通过parent.parent调用源网页的网页多层次区块剪取api回调函数以保存所述网页的信息。其中,网页多层次区块剪取api用于将所述网页中的所有链接附加上onclick事件后,用户点击所述网页中的任何链接均只执行此链接的onclick事件,并不会进行相关的跳转,onclick事件会向网页多层次区块剪取api的回调页面传入所触发onclick事件的链接的地址。另外,当所加载网页需要调用网页多层次区块剪取api保存各种状态时,通过改变网页框架m的src属性将网页的信息以URL参数形式传递至网页多层次区块剪取api回调页面。例如,网页框架m的src属性可设置为:http://{源网页}/{网页多层次区块剪取api回调地址}?url={所加载网页地址}&width={所加载网页宽度}&height={所加载网页高度}。如此,网页多层次区块剪取api回调页面加载时通过解决URL的url、width、height三个参数值得到所加载网页的信息。由于网页多层次区块剪取api回调页面同源网页是一个域名,所以网页多层次区块剪取api回调页面通过parent.parent调用源网页的网页多层次区块剪取api回调函数,并传入所获取到的url、width、height值,由源网页进行保存。
具体而言,当源网页中的网页框架加载网页A后,将网页A的相关属性传入网页多层次区块剪取api回调页面中,源网页通过网页多层次区块剪取api接收到网页多层次区块剪取api回调页面所传递的网页A地址、网页A宽度、网页A高度参数后,保存至javascript数组变量数组变量中,以备用户进行网页剪取操作使用。
于步骤103,于所述网页A上的链接被点击时,通过网页多层次区块剪取api在所述源网页的网页框架显示该链接对应的网页B。具体而言,当用户在网页A上无剪取意愿时,用户可点击网页A中的相关链接进入相应的网页B。于所述网页A上的链接被点击时,通过重新加载网页多层次区块剪取api回调页面在URL中加入所述链接的链接地址参数,网页多层次区块剪取api回调页面接收上述链接地址参数时,通过parent.parent调用源网页的网页多层次区块剪取api函数改变源网页创建的网页框架的src属性,以加载所述链接对应的网页B。
于步骤104,所述网页B调用网页多层次区块剪取api保存所述网页B的信息。于所述源网页的网页框架加载所述网页B后,网页多层次区块剪取api接收网页多层次区块剪取api回调页面所传递的所述网页B的信息,并将所述网页B的信息保存至javascript数组变量中。关于网页B的信息保存方式同网页A的信息保存方式,故于此不再赘述。
于步骤105,当在所述网页B进行区块剪取时,调用网页多层次区块剪取api进行网页剪取及保存操作。具体而言,当在所述网页B进行区块剪取时,所述网页多层次区块剪取api重新加载网页B并加上url参数cut=1,所述网页B加载完成后,通过获取cut=1标识,调用JavaScript函数为网页B创建网页框架B,并对所述网页框架B进行属性设置,并将所述网页框架B添加到网页B,为所述网页框架B添加各种鼠标事件以进行区域选择。其中,所述网页框架B的属性设置为:src设置为about:blank、背景设置为透明、宽度为网页B的宽度、高度为网页B的高度、浮动样式、margin为0、padding为0、zIndex为网页B的最大zIndex加1。
此外,当用户在网页框架B完成区域选择后,生成确定按钮,用户点击确定按钮后,通过网页多层次区块剪取api向网页多层次区块剪取api回调页面传入所剪取网页的地址、剪取的区域宽度、剪取的区域高度、剪取区域的起点横纵坐标,网页多层次区块剪取api回调页面接收到传递信息后,将接收的信息传递给通过JavaScript的parent.parent调用的源网页JavaScript函数。源网页接收到上述信息后,保存所剪取网页的地址、剪取区域的起点横纵坐标、剪取的区域宽度、剪取的区域高度,并显示所述剪取区域。具体而言,进行网页剪取保存的设置例如为网页框架的src属性为所剪取网页地址、paddingLeft为负剪取的横坐标、paddingTop为负剪取的纵坐标、width为剪取的宽度、height为剪取的高度,并将网页框架添加到网页中,从而实现对所剪取区块的显示等操作。
另外,若用户需在网页A、网页A的其他链接地址或者网页B的链接地址相应的网页上进行网页剪取,其网页剪取的具体过程同在网页B上的剪取过程。故于此不再赘述。
综上所述,根据本发明较佳实施例提供的网页多层次区块剪取方法,通过网页多层次区块剪取api可以实现网页A或者网页A的子页面的剪取。于本发明中,当用户需要进行网页剪取时,再主动触发网页剪取功能进行剪取,确保用户能正常进行网页剪取操作。如此,网页区块剪取不局限于单个页面,用户可以根据自己的需求选择网页进行网页区块剪取,提高了用户体验。而且,本发明实现的网页多层次区块剪取方法完全基于网页实现,无需下载任何插件,方便、快捷、高效,能够在视频会议、远程教育等嵌入使用,应用范围广泛。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (8)
1.一种网页多层次区块剪取方法,其特征在于,包括以下步骤:
用户于源网页的输入控件输入网址,源网页创建网页框架以加载显示所述网址对应的网页A;
所述网页A调用网页多层次区块剪取api保存所述网页A的信息;
于所述网页A上的链接被点击时,通过网页多层次区块剪取api在所述源网页的网页框架显示该链接对应的网页B;
所述网页B调用网页多层次区块剪取api保存所述网页B的信息;
当在所述网页B进行区块剪取时,调用网页多层次区块剪取api进行网页剪取及保存操作。
2.根据权利要求1所述的网页多层次区块剪取方法,其特征在于,用户打开源网页,在源网页的输入控件中输入网址,源网页通过document.createElement方法创建网页框架,将所述网页框架的src赋值为所述网址,并将所述网页框架添加到源网页中。
3.根据权利要求1所述的网页多层次区块剪取方法,其特征在于,所述网页多层次区块剪取api用于在网页加载完成后自动生成网页框架m,并将网页框架m的src属性设置为网页多层次区块剪取api回调页面,并用于将所述网页框架m添加至所述网页;所述网页多层次区块剪取api用于将所述网页中的所有链接附加上onclick事件;用于通过改变所述网页框架m的src属性将所述网页的信息以URL参数形式传递至网页多层次区块剪取api回调页面,网页多层次区块剪取api回调页面通过parent.parent调用源网页的网页多层次区块剪取api回调函数以保存所述网页的信息。
4.根据权利要求3所述的网页多层次区块剪取方法,其特征在于,于所述源网页的网页框架加载所述网页A后,所述网页多层次区块剪取api接收网页多层次区块剪取api回调页面所传递的所述网页A的信息,并将所述网页A的信息保存至javascript数组变量中。
5.根据权利要求3所述的网页多层次区块剪取方法,其特征在于,于所述网页A上的链接被点击时,通过重新加载网页多层次区块剪取api回调页面在URL中加入所述链接的链接地址参数,网页多层次区块剪取api回调页面接收上述链接地址参数时,通过parent.parent调用源网页的网页多层次区块剪取api函数改变源网页创建的网页框架的src属性,以加载所述链接对应的网页B。
6.根据权利要求5所述的网页多层次区块剪取方法,其特征在于,于所述源网页的网页框架加载所述网页B后,网页多层次区块剪取api接收网页多层次区块剪取api回调页面所传递的所述网页B的信息,并将所述网页B的信息保存至javascript数组变量中。
7.根据权利要求1所述的网页多层次区块剪取方法,其特征在于,当在所述网页B进行区块剪取时,所述网页多层次区块剪取api重新加载网页B并加上url参数cut=1,所述网页B加载完成后,通过获取cut=1标识,调用JavaScript函数为网页B创建网页框架B,并对所述网页框架B进行属性设置,并将所述网页框架B添加到网页B,为所述网页框架B添加各种鼠标事件以进行区域选择,
当用户在网页框架B完成区域选择后,生成确定按钮,用户点击确定按钮后,通过网页多层次区块剪取api向网页多层次区块剪取api回调页面传入所剪取网页的地址、剪取的区域宽度、剪取的区域高度、剪取区域的起点横纵坐标,网页多层次区块剪取api回调页面接收到传递信息后,将接收的信息传递给通过JavaScript的parent.parent调用的源网页JavaScript函数,
源网页接收到上述信息后,保存所剪取网页的地址、剪取区域的起点横纵坐标、剪取的区域宽度、剪取的区域高度,并显示所述剪取区域。
8.根据权利要求7所述的网页多层次区块剪取方法,其特征在于,所述网页框架B的属性设置为:src设置为about:blank、背景设置为透明、宽度为网页B的宽度、高度为网页B的高度、浮动样式、margin为0、padding为0、zIndex为网页B的最大zIndex加1。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012100018468A CN102446224B (zh) | 2012-01-05 | 2012-01-05 | 一种网页多层次区块剪取方法 |
PCT/CN2012/084332 WO2013102371A1 (zh) | 2012-01-05 | 2012-11-08 | 一种网页多层次区块剪取方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012100018468A CN102446224B (zh) | 2012-01-05 | 2012-01-05 | 一种网页多层次区块剪取方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102446224A true CN102446224A (zh) | 2012-05-09 |
CN102446224B CN102446224B (zh) | 2013-06-05 |
Family
ID=46008720
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2012100018468A Expired - Fee Related CN102446224B (zh) | 2012-01-05 | 2012-01-05 | 一种网页多层次区块剪取方法 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN102446224B (zh) |
WO (1) | WO2013102371A1 (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013102371A1 (zh) * | 2012-01-05 | 2013-07-11 | 苏州阔地网络科技有限公司 | 一种网页多层次区块剪取方法 |
CN103488652A (zh) * | 2012-06-08 | 2014-01-01 | 北京千橡网景科技发展有限公司 | 网页内容提取方法和网页内容提取装置 |
CN103870255A (zh) * | 2012-12-12 | 2014-06-18 | 腾讯科技(深圳)有限公司 | 浮动组件显示方法及装置 |
CN107562852A (zh) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | 一种页面显示方法、介质、装置和计算设备 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9672114B2 (en) | 2014-04-16 | 2017-06-06 | Microsoft Technology Licensing, Llc | Conditional saving of input data |
CN104866359B (zh) * | 2015-06-01 | 2019-03-19 | 走遍世界(北京)信息技术有限公司 | 网页加载方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101216857A (zh) * | 2008-01-07 | 2008-07-09 | 张尧森 | 网页区块剪取、合并的方法 |
CN101615179A (zh) * | 2008-06-25 | 2009-12-30 | 国际商业机器公司 | 用于Web应用的跨域交互的方法和*** |
CN102047286A (zh) * | 2008-06-03 | 2011-05-04 | 微软公司 | 在线广告服务 |
CN102043832A (zh) * | 2010-11-23 | 2011-05-04 | 苏州阔地网络科技有限公司 | 一种网页上实现跨域请求回调的方法 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1357846A (zh) * | 2000-12-08 | 2002-07-10 | 唯特科技股份有限公司 | 网页内容选取装置、***及其方法 |
CN102446224B (zh) * | 2012-01-05 | 2013-06-05 | 苏州阔地网络科技有限公司 | 一种网页多层次区块剪取方法 |
-
2012
- 2012-01-05 CN CN2012100018468A patent/CN102446224B/zh not_active Expired - Fee Related
- 2012-11-08 WO PCT/CN2012/084332 patent/WO2013102371A1/zh active Application Filing
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101216857A (zh) * | 2008-01-07 | 2008-07-09 | 张尧森 | 网页区块剪取、合并的方法 |
CN102047286A (zh) * | 2008-06-03 | 2011-05-04 | 微软公司 | 在线广告服务 |
CN101615179A (zh) * | 2008-06-25 | 2009-12-30 | 国际商业机器公司 | 用于Web应用的跨域交互的方法和*** |
CN102043832A (zh) * | 2010-11-23 | 2011-05-04 | 苏州阔地网络科技有限公司 | 一种网页上实现跨域请求回调的方法 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013102371A1 (zh) * | 2012-01-05 | 2013-07-11 | 苏州阔地网络科技有限公司 | 一种网页多层次区块剪取方法 |
CN103488652A (zh) * | 2012-06-08 | 2014-01-01 | 北京千橡网景科技发展有限公司 | 网页内容提取方法和网页内容提取装置 |
CN103870255A (zh) * | 2012-12-12 | 2014-06-18 | 腾讯科技(深圳)有限公司 | 浮动组件显示方法及装置 |
CN107562852A (zh) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | 一种页面显示方法、介质、装置和计算设备 |
Also Published As
Publication number | Publication date |
---|---|
CN102446224B (zh) | 2013-06-05 |
WO2013102371A1 (zh) | 2013-07-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102446224B (zh) | 一种网页多层次区块剪取方法 | |
KR102185864B1 (ko) | 프레젠테이션을 위한 네이티브 콘텐츠의 서버측 렌더링 방법 및 시스템 | |
US8055705B2 (en) | Method and apparatus for enabling associated portlets of a web portlet to collaborate for synchronized content display | |
KR100827280B1 (ko) | 포탈 서버로부터 세션 정보를 릴레이하기 위한 방법 및장치 | |
KR100843828B1 (ko) | 포탈 서버에서 포틀릿들의 집합을 관리하기 위한 방법 및장치 | |
CN104426925B (zh) | 网页资源获取方法及装置 | |
US20140101539A1 (en) | Website presenting method and browser | |
CN104978358B (zh) | 桌面展示网页片段的方法及截取网页片段至桌面展示*** | |
WO2004031986A1 (en) | Method and apparatus for using business rules or user roles for selecting portlets in a web portal | |
US20140006487A1 (en) | Methods for making ajax web applications bookmarkable and crawable and devices thereof | |
JP2014529149A (ja) | フォローしたコンテンツの管理および目視技法 | |
CN102314469A (zh) | 一种实现跨域请求回调的方法 | |
CN104951556A (zh) | 在搜索结果页中生成提示信息的方法及装置 | |
CN104899212B (zh) | 网页展示方法、服务器及*** | |
CN102314468A (zh) | 一种同步浏览的方法 | |
US20160156693A1 (en) | System and Method for the Management of Content on a Website (URL) through a Device where all Content Originates from a Secured Content Management System | |
US10776448B2 (en) | Cell-based computing and website development platform | |
US8291311B2 (en) | Web display program conversion system, web display program conversion method and program for converting web display program | |
US20220350952A1 (en) | Systems and methods for modifying embedded elements for rendering within a website | |
US10235347B1 (en) | Systems and methods for managing adaptive electronic communications | |
CN104601614B (zh) | 客户端的下载方法及装置 | |
Pop | Client Sever System for E-Services Access in Business Environment | |
Birch | Translate Article |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
C56 | Change in the name or address of the patentee | ||
CP01 | Change in the name or title of a patent holder |
Address after: Suzhou City, Jiangsu province 215121 Fengting Avenue Suzhou Industrial Park No. 666 Weiting Intelligent Industrial Park Building 8 Patentee after: CODYY EDUCATION TECHNOLOGY Co.,Ltd. Address before: Suzhou City, Jiangsu province 215121 Fengting Avenue Suzhou Industrial Park No. 666 Weiting Intelligent Industrial Park Building 8 Patentee before: SUZHOU CODYY NETWORK SCIENCE & TECHNOLOGY Co.,Ltd. |
|
CF01 | Termination of patent right due to non-payment of annual fee | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20130605 Termination date: 20220105 |