用于将web站点转换为目标web app站点的方法和装置制造方法及图纸

技术编号:9835596 阅读:383 留言:0更新日期:2014-04-02 00:52
本发明专利技术提出一种用于将web站点转换为目标web app站点的方法和装置,其中方法包括:对web站点的web页面上的元素进行标注;将标注的元素应用到组件;在web app页面预览所述组件;对所述web app页面上预览的所述组件进行编辑;保存所述web app页面。根据本发明专利技术用于将web站点转换为目标web app站点的方法,通过对web站点的web页面上的元素进行标注和应用组件后,在web app页面预览效果,然后在web app页面进行标注来创建web app页面,使得web站点转换到web app的效果更加良好。

【技术实现步骤摘要】
【专利摘要】本专利技术提出一种用于将web站点转换为目标web?app站点的方法和装置,其中方法包括:对web站点的web页面上的元素进行标注;将标注的元素应用到组件;在web?app页面预览所述组件;对所述web?app页面上预览的所述组件进行编辑;保存所述web?app页面。根据本专利技术用于将web站点转换为目标web?app站点的方法,通过对web站点的web页面上的元素进行标注和应用组件后,在web?app页面预览效果,然后在web?app页面进行标注来创建web?app页面,使得web站点转换到web?app的效果更加良好。【专利说明】用于将web站点转换为目标web app站点的方法和装置
本专利技术涉及web app化
,特别涉及一种用于将web站点转换为目标webapp站点的方法和装置。
技术介绍
现如今,随着web2.0技术的普及,web app (web application,通过使用Web和Web浏览器技术,跨越网络完成一个或多个任务的应用程序,通常需要使用Web浏览器)化技术也越来越常见,该技术能让用户在高端机只能设备上浏览web页的效果的体验类似nativeapp (native application,本地应用程序)展现效果。现有的技术将web站点转换为目标web app站点主要是采用修改部分代码来将转换web站点转换为目标web app站点,因此至少存在以下几个问题:(I)无法可视化转换不能即时了解转换效果;(2)修改代码过于复杂麻烦,具有一定的专业性,不方便优化转换的效果。
技术实现思路
本专利技术旨在至少解决上述技术问题之一。为此,本专利技术的第一个目的在于提出一种用于将web站点转换为目标web app站点的方法。本专利技术的第二个目的在于提出一种用于将web站点转换为目标web app站点的装置。为了实现上述目的,根据本专利技术的第一方面实施例的用于将web站点转换为目标web app站点的方法包括以下步骤:对所述web站点的web页面上的元素进行标注;将标注的所述元素应用到组件;在web app页面预览所述组件;对所述web app页面上预览的所述组件进行编辑;以及保存并创建所述目标web app页面。根据本专利技术实施例的用于将web站点转换为目标web app站点的方法,通过对web站点的web页面进行标注和应用组件后,在web app页面预览效果,然后再对web app页面进行编辑来创建web app页面,例如拖拽组件进行排序、合并等,使得web站点转换到webapp的效果更加良好,提高了用户的体验感,同时方便用户的对页面的标注。为实现上述目的,本专利技术第二方面的实施例的用于将web站点转换为目标webapp站点的装置包括:标注模块,所述标注模块用于对所述web站点的web页面上的元素进行标注;第一应用模块,所述第一应用模块用于将标注的所述元素应用到组件;预览模块,所述预览模块用于在web app页面预览所述组件;编辑模块,所述编辑模块用于对所述web app页面上预览的所述组件进行编辑;以及创建模块,所述创建模块用于保存并创建所述目标web app页面。根据本专利技术实施例的用于将web站点转换为目标web app站点的装置,通过对web站点的web页面进行标注和应用组件后,在web app页面预览效果,然后再对web app页面进行编辑来创建web app页面,例如拖拽组件进行排序、合并等,使得web站点转换到webapp的效果更加良好,提高了用户的体验感。本专利技术的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本专利技术的实践了解到。【专利附图】【附图说明】本专利技术上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:图1为根据本专利技术一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;图2为根据本专利技术一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;图3为根据本专利技术一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;图4为根据本专利技术一个实施例的一种用于将web站点转换为目标web app站点的方法的流程图;图5为根据本专利技术一个实施例的用于将web站点转换为目标web app站点的装置的结构不意图;图6为根据本专利技术一个实施例的用于将web站点转换为目标web app站点的装置的结构不意图;图7为根据本专利技术一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图;以及图8为根据本专利技术一个实施例的用于将web站点转换为目标web app站点的装置的结构示意图。【具体实施方式】下面详细描述本专利技术的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本专利技术,而不能解释为对本专利技术的限制。参照下面的描述和附图,将清楚本专利技术的实施例的这些和其他方面。在这些描述和附图中,具体公开了本专利技术的实施例中的一些特定实施方式,来表示实施本专利技术的实施例的原理的一些方式,但是应当理解,本专利技术的实施例的范围不受此限制。相反,本专利技术的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。下面参考说明书附图描述根据本专利技术实施例的用于将web站点转换为目标webapp站点的方法—种用于将web站点转换为目标web app站点的方法,包括以下步骤:对web站点的web页面上的元素进行标注;将标注的元素应用到组件;在web app页面预览组件;对web app页面上预览的组件进行编辑;以及保存并创建目标web app页面。图1为本专利技术一个实施例的用于将web站点转换为目标web app站点的方法的流程图。如图1所示,根据本专利技术实施例的用于将web站点转换为目标web app站点的方法包括下述步骤。步骤SlOl:对web站点的web页面上的元素进行标注。具体地,首先选择web页面上的页面元素或元素集合;然后对页面元素或元素集合进行设置;接着对页面元素或元素集合进行模块化、命名和排序;以及最后将页面元素或元素集合在web app页面进行预览。更具体地,首先可以通过鼠标对web站点的web页面的上的页面元素或元素集合进行选择,然后可以根据喜好根据标注时提供操作选项的对选择的页面元素或元素集合进行行为设置,然后可以对已选择的页面元素或元素集合进行内容模块化,然后可以对这些模块进行命名和排序,最后可以将这些设置过后的页面元素或元素集合在webapp页面进行预览。其中,可以通过点选、拖拽选择、缩放选择、层级缩放来选择web页面上的页面元素或元素集合。步骤S102:将标注的元素应用到组件。具体地,选择web页面上的页面元素或元素集合以设置成不同组件,不同组件包括站点导航组件、频道导航组件和栏目组件。步骤S103:在web app页面预览组件。步骤S104:对web app页面上预览的组件进行编辑。具体地,首先对web app页面内的组件进行分块;然后通过点选、拖拽选择、缩放选择、层级缩放来选择web app页面上的组件;最后对选择的组件本文档来自技高网...
用于将web站点转换为目标web app站点的方法和装置

【技术保护点】
一种用于将web站点转换为目标web app站点的方法,其特征在于,包括以下步骤:对所述web站点的web页面上的元素进行标注;将标注的所述元素应用到组件;在web app页面预览所述组件;对所述web app页面上预览的所述组件进行编辑;以及保存并创建所述目标web app页面。

【技术特征摘要】

【专利技术属性】
技术研发人员:潘峰钱海祥王倩徐婷婷
申请(专利权)人:百度在线网络技术北京有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1