CN110781425A - 移动端h5页面的显示方法、装置、设备及存储介质 - Google Patents

移动端h5页面的显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN110781425A
CN110781425A CN201911023412.6A CN201911023412A CN110781425A CN 110781425 A CN110781425 A CN 110781425A CN 201911023412 A CN201911023412 A CN 201911023412A CN 110781425 A CN110781425 A CN 110781425A
Authority
CN
China
Prior art keywords
page
navigation bar
state
current operating
environment
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
Application number
CN201911023412.6A
Other languages
English (en)
Other versions
CN110781425B (zh
Inventor
储金明
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Mafengwo Guizhou Tourism Group Co ltd
Original Assignee
Beijing Chuangxin Journey Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Chuangxin Journey Network Technology Co Ltd filed Critical Beijing Chuangxin Journey Network Technology Co Ltd
Priority to CN201911023412.6A priority Critical patent/CN110781425B/zh
Publication of CN110781425A publication Critical patent/CN110781425A/zh
Application granted granted Critical
Publication of CN110781425B publication Critical patent/CN110781425B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • 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/954—Navigation, e.g. using categorised browsing
    • 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)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供一种移动端H5页面的显示方法、装置、设备及存储介质。该方法包括：检测H5页面的当前运行环境；根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；所述配置文件用于表示至少两种运行环境中的每种运行环境下所述自定义导航条的状态，所述状态包括显示状态或隐藏状态；根据当前运行环境下所述自定义导航条的状态显示H5页面。该方法实现了不同运行环境下H5页面中导航条的自适应显示或隐藏，提高了调试效率，提升了用户体验。

Description

移动端H5页面的显示方法、装置、设备及存储介质
技术领域
本发明涉及网页技术，尤其涉及一种移动端H5页面的显示方法、装置、设备及存储介质。
背景技术
导航条是移动端第五代超级文本标记语言(Hyper Text Markup Language 5.0，简称H5)页面顶部显示页面标题的区域，导航条上通常具有常用的后退、关闭等功能按钮，在导航条下面的屏幕区域用于渲染出真正的页面内容。在H5页面开发过程中，本地环境供开发人员编写和调试代码使用；开发环境是将本地的源代码编译打包上传到某个开发使用的服务器上，可以供开发人员调试使用；生产环境是将本地环境的源代码编译打包上传到正式的服务器供普通用户使用。
现有技术的一种方案中，本地环境的源代码在一个模拟器上显示，开发人员对源代码进行任意修改都可以在模拟器上立即呈现，但是模拟器上只能显示源代码所对应的页面主体部分，不会有导航条区域。而在生产环境，H5页面通常都是嵌入在应用程序(Application，简称App)里，通过创建一个网页视图(WebView)控件渲染出H5页面，开发人员可以在webview添加导航条，即WebView的原生导航条，固化在webview顶部，因此生产环境的H5页面显示为导航条和主体部分。
这就使得本地环境的页面和生产环境的页面存在布局上的差异，同时一些导航条上的功能也无法在本地环境上呈现，在涉及验证导航条的某些功能时，开发人员不得不频繁的将本地的源代码编译打包上传到开发环境以进行验证，使得调试效率较低。
发明内容
本发明提供一种移动端H5页面的显示方法、装置、设备及存储介质，以实现不同运行环境下H5页面中导航条的自适应显示或隐藏，提高调试效率，提升用户体验。
第一方面，本发明提供一种移动端H5页面的显示方法，包括：
检测H5页面的当前运行环境；
根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；所述配置文件用于表示至少两种运行环境中的每种运行环境下所述自定义导航条的状态，所述状态包括显示状态或隐藏状态；
根据当前运行环境下所述自定义导航条的状态显示H5页面。
可选的，所述检测当前运行环境之前，所述方法还包括：
创建H5页面的自定义导航条。
可选的，所述根据配置文件确定当前运行环境下H5页面的自定义导航条的状态，包括：
根据配置文件设置当前运行环境下的所述自定义导航条的标识字段；所述标识字段用于指示所述自定义导航条的状态；
根据所述标识字段，确定当前运行环境下H5页面的自定义导航条的状态。
可选的，所述根据配置文件设置当前运行环境下的所述自定义导航条的标识字段，包括：
遍历配置文件中的所有配置字段，确定与所述当前运行环境匹配的最后一个配置字段；
根据所述最后一个配置字段设置当前运行环境下的所述自定义导航条的标识字段。
可选的，所述运行环境包括本地环境、开发环境和生产环境。
可选的，所述运行环境还包括至少一种应用程序。
可选的，所述运行环境还包括至少一个软件版本。
第二方面，本发明提供一种移动端H5页面的显示装置，包括：
检测模块，用于检测H5页面的当前运行环境；
确定模块，用于根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；所述配置文件用于表示至少两种运行环境中的每种运行环境下所述自定义导航条的状态，所述状态包括显示状态或隐藏状态；
显示模块，用于根据当前运行环境下所述自定义导航条的状态显示H5页面。
可选的，所述装置还包括：
创建模块，用于创建H5页面的自定义导航条。
可选的，所述确定模块用于：
根据配置文件设置当前运行环境下的所述自定义导航条的标识字段；所述标识字段用于指示所述自定义导航条的状态；
根据所述标识字段，确定当前运行环境下H5页面的自定义导航条的状态。
可选的，所述确定模块用于：
遍历配置文件中的所有配置字段，确定与所述当前运行环境匹配的最后一个配置字段；
根据所述最后一个配置字段设置当前运行环境下的所述自定义导航条的标识字段。
可选的，所述运行环境包括本地环境、开发环境和生产环境。
可选的，所述运行环境还包括至少一种应用程序。
可选的，所述运行环境还包括至少一个软件版本。
第三发明，本发明提供一种移动端H5页面的显示设备，包括存储器和处理器；所述存储器和所述处理器连接；
所述存储器，用于存储计算机程序；
所述处理器，用于在计算机程序被执行时，实现如上述第一方面的移动端H5页面的显示方法。
第四方面，本发明提供一种存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如上述第一方面的移动端H5页面的显示方法。
本发明一种移动端H5页面的显示方法、装置、设备及存储介质。该方法包括：检测H5页面的当前运行环境；根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；所述配置文件用于表示至少两种运行环境中的每种运行环境下所述自定义导航条的状态，所述状态包括显示状态或隐藏状态；根据当前运行环境下所述自定义导航条的状态显示H5页面，实现了不同运行环境下H5页面中导航条的自适应显示或隐藏，提高了调试效率，提升了用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本发明提供的一种H5页面示意图一；
图2为本发明提供的一种移动端H5页面的显示方法的流程示意图；
图3为本发明提供的一种导航条示意图；
图4为本发明提供的一种移动端H5页面的显示方法的应用示意图；
图5为本发明提供的一种H5页面示意图二；
图6为本发明提供的一种移动端H5页面的显示装置的结构示意图；
图7为本发明提供的一种移动端H5页面的显示设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
如图1所示，在手机、平板电脑等移动终端设备上显示H5页面时，页面顶部通常具有导航条，导航条上具有常用的后退、关闭等功能按钮，在导航条下面的屏幕区域显示实际的页面内容，如文字、图片等。为了使H5页面在各种运行环境下页面布局保持一致，便于开发人员进行功能调试，本发明提供一种移动端H5页面的显示方法，通过检测当前运行环境，根据配置文件在当前运行环境下自适应显示或隐藏导航条，提高了调试效率，提升了用于体验。以下结合具体实施例对本发明提供的移动端H5页面的显示方法进行说明。
图2为本发明提供的一种移动端H5页面的显示方法的流程示意图。如图2所示，该方法包括：
S201、检测H5页面的当前运行环境。
本实施例中的当前运行环境可以为本地环境、开发环境或生产环境中的一种。其中，本地环境是开发人员编写和调试代码的环境；开发环境是将本地的源代码编译打包上传到某个服务器上，供开发人员调试使用；生产环境是将本地环境的源代码编译打包上传到正式的服务器供普通用户使用。
S202、根据配置文件确定当前运行环境下H5页面的自定义导航条的状态。其中，该配置文件用于表示至少两种运行环境中的每种运行环境下该自定义导航条的状态，该状态包括显示状态或隐藏状态。
配置文件中的配置项用于表示在每种运行环境下H5页面的自定义导航条的状态，这里，H5页面的自定义导航条是指在H5页面源代码中自定义的导航条，而不是各种应用程序自带的原生导航条。配置文件中所配置的每种运行环境下自定义导航条的状态可以根据实际需要进行设置，以使得自定义导航条的显示符合使用者的需求。
例如，若本地环境的模拟器不显示导航条，而开发环境和生产环境中H5页面嵌入在App中，而App显示Webview的原生导航条，从而导致本地环境和生产环境页面布局不一致。为了解决该问题，则可以在配置文件中配置在本地环境下显示自定义导航条，在开发环境和生产环境均隐藏导航条。若S201中检测到的当前运行环境为本地环境，则可根据配置文件确定当前运行环境下H5页面中显示自动以导航条；若S201中检测到的当前运行环境为开发环境或生产环境，则可根据配置文件确定当前运行环境下H5页面中隐藏自动以导航条。
S203、根据当前运行环境下该自定义导航条的状态显示H5页面。
在S202中确定了当前运行环境下自定义导航条的状态为显示或隐藏之后，即可根据该状态显示H5页面。
本实施例提供的移动端H5页面的显示方法，通过检测H5页面的当前运行环境；根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；该配置文件用于表示至少两种运行环境中的每种运行环境下该自定义导航条的状态，该状态包括显示状态或隐藏状态；根据当前运行环境下该自定义导航条的状态显示H5页面。该方法通过检测当前运行环境，根据当前运行环境自适应显示或隐藏导航条，使得不同运行环境下H5页面的布局一致，提高了调试效率，提升了用户体验。
在上述实施例的基础上，由于该H5页面的显示方法实际是控制是否显示自定义导航条，因此在S201中检测当前运行环境之前，该方法还包括：
创建H5页面的自定义导航条。
示例的，新建一个空白导航条组件，如图3所示，长宽设置依照普通导航条设置，例如，长为屏幕宽度，高为64像素，按照普通导航条的UI进行布局，左上角布局返回的箭头按钮和关闭按钮，中间布局导航条标题区域，右上角布局功能按钮区域。
导航条组件对外开放标题和功能接口，标题接口允许当前页面传入标题内容，功能接口允许当前页面传入功能名称，包含分享、刷新页面、获取页面地址、自定义功能等,每个嵌入了导航条的页面均可以定义该功能列表，在点击右上角功能按钮之后弹出的功能弹框面板里就自动配置了对应的功能。通过对外接口，使得每个页面都可以依据需求丰富导航条的内容。
在上述实施例的基础上，对S202中该根据配置文件确定当前运行环境下H5页面的自定义导航条的状态做进一步说明。具体的：
根据配置文件设置当前运行环境下的该自定义导航条的标识字段；该标识字段用于指示该自定义导航条的状态；根据该标识字段，确定当前运行环境下H5页面的自定义导航条的状态。
在实际应用中，可以采用一个标识字段来指示自定义导航条的状态，根据当前运行环境以及配置文件设置该标识字段后，根据该标识字段确定自定义导航条的状态。
具体的，遍历配置文件中的所有配置字段，确定与该当前运行环境匹配的最后一个配置字段；根据该最后一个配置字段设置当前运行环境下的该自定义导航条的标识字段。
配置文件中可以由多个配置字段分别用于表示多种运行环境下每种运行环境下该自定义导航条的状态，在读取配置文件后遍历其中的所有配置字段，并与当前运行环境进行匹配，将与该当前运行环境匹配的最后一个配置字段即表示了当前运行环境下的该自定义导航条的状态，因此根据该最后一个配置字段设置标识字段。
下面以一个具体示例说明本发明提供的H5页面的显示方法。如图4所示，以采用Vue.js框架为例，Vuex是一个专为Vue.js应用程序开发的状态管理模块，Vuex模块的配置中添加isShowNavi字段，isShowNavi可以理解为一个项目全局的参数，所有页面都可以随时调用或修改该参数，isShowNavi即为S301中的标识字段。在Vuex里设置参数isShowNavi来管理是否显示导航条，isShowNavi初始值设置为true，即默认显示导航条。将该参数绑定到自定义导航条组件上，由Vue.js框架驱动显示或不显示导航条。
在配置文件naviConfig.js中配置了不同运行环境下自定义导航条的状态，例如，
Figure BDA0002247933340000071
上述配置文件中，"local":true表示本地环境下显示自定义导航条，"dev":false表示开发环境下隐藏导航条，"prod":false表示生产环境下隐藏导航条。
运行时模块检测当前的运行环境，并根据配置文件naviConfig.js中的配置输出isShowNavi字段，VueX更新isShowNavi字段，进而由Vue.js框架驱动显示或不显示导航条。H5页面在本地环境自动显示了导航条，为开发人员调试代码提供了便利，而代码发布到生产环境，导航条就自动隐藏，避免了与应用程序自带的原生导航条重复。这样，H5页面在本地环境和开发环境、生产环境，在布局和功能上就可以保持一致。本地环境因为拥有一系列开发和调试套件，任何对源代码的修改都可以通过热加载立即在模拟器显示，所见即所得。在本地环境添加导航条使得开发人员尽可能的在本地环境借助现有工具完成更多的开发工作，不必花费时间编译源代码上传到开发环境服务器以验证功能。
在现有的另一种方案中，开发环境和生产环境的App显示H5页面时不使用原生导航条，而是在本地环境、开发环境和生产环境均使用自定义导航条来保持三种环境下H5页面的一致性。这种方案中存在的问题是，在实际使用时，H5页面经常被分享到不同的其他应用程序中，例如用户常通过即时通讯软件进行页面分享，这样，接收分享的用户在其他应用程序中打开H5页面时，还会有其他应用程序的自带导航条，下面的区域又有H5页面自身的导航条，如图5所示，上面的导航条为即时通讯软件的自带导航条，下面的导航条为H5页面的自定义导航条，二者叠加，页面的用户体验较差。
为了解决上述问题，在上述实施例的基础上，还可以在配置文件中增加至少一种应用程序下的自定义导航条的状态，也就是，配置文件中所配置的运行环境不局限于本地环境、开发环境和生产环境，还可以包括至少一种应用程序，例如不同的App或者不同的浏览器等。示例的，配置在H5页面的原始App中显示自定义导航条，在其他应用程序中隐藏自定义导航条，例如在即时通讯软件中隐藏导航条，对配置文件naviConfig.js进行如下扩展：
Figure BDA0002247933340000081
其中，browser配置项用于表示不同应用程序的运行环境下自定义导航条的状态，示例的，上述"jishitongxun":false表示在即时通信软件中不显示自定义导航条，在实际应用中还可以设置为更具体的不同即时通讯软件的名称，"app":true表示在H5页面原始App中显示自定义导航条。由于获取配置文件的逻辑是从前往后遍历，如果有browser字段即自动取出了browser的配置字段。在进行当前环境监测时，除了检测当前环境为本地环境、开发环境或生产环境，还进一步检测运行H5页面的应用程序。
如果当前是本地环境，当对配置文件进行遍历时，则取到env的local为true，本地环境browser字段肯定不是jishitongxun或app，那么最终就以local＝true设置isShowNavi。
如果当前是开发环境或生产环境，从env看是隐藏导航条，继续检查browser类型，如果是H5页面的原始App，则最终以app＝true设置isShowNavi；如果是是即时通讯软件浏览，则最终以jishitongxun＝false设置isShowNavi。
本实施例提供的H5页面的显示方法，除了可以根据本地环境、开发环境和生产环境自适应显示或隐藏导航条之外，还可以根据运行H5页面的应用程序自适应进行显示，避免了H5页面在不同应用程序中分享时导航条叠加的问题，提高了用户体验，通过上述同一配置，开发人员可以不必为某个页面在某个环境下是否显示导航条进行单独处理。
实际应用中，有时候在App版本迭代或不同版本的对比测试中，会要求某个版本显示导航条，另外一个版本不显示导航条。那么可以在naviConfig里添加版本号设置字段version，在当前环境检测时，可以在上述实施例的基础上，进一步检测运行H5页面的软件版本。对naviConfig.js进行如下扩展：
Figure BDA0002247933340000091
Figure BDA0002247933340000101
其中v1.0.0.1,v2.0.0.1是软件的不同版本号，实际应用中可以设置其他任何可理解的版本号字符串)，依据版本号可以很容易控制生产环境中导航条在不同软件版本中显示与否。例如检测到当前版本号是v1.0.0.1，那么在读取naviConfig的时候会读取到version字段v1.0.0.1＝true，以此设置isShowNavi字段。
需要说明的是，上述示例中仅以Vue.js框架为例进行说明，本发明的方法也可以使用其他的前端开发框架，如React.js、Angular.js等,开发人员也可以不使用这类框架，只要按照本发明的思路也可以快速完成配置即可。
图6为本发明提供的一种移动端H5页面的显示装置的结构示意图。如图6所示，装置60包括：
检测模块601，用于检测H5页面的当前运行环境；
确定模块602，用于根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；该配置文件用于表示至少两种运行环境中的每种运行环境下该自定义导航条的状态，该状态包括显示状态或隐藏状态；
显示模块603，用于根据当前运行环境下该自定义导航条的状态显示H5页面。
可选的，该装置60还包括：
创建模块604，用于创建H5页面的自定义导航条。
可选的，该确定模块602用于：
根据配置文件设置当前运行环境下的该自定义导航条的标识字段；该标识字段用于指示该自定义导航条的状态；
根据该标识字段，确定当前运行环境下H5页面的自定义导航条的状态。
可选的，该确定模块602用于：
遍历配置文件中的所有配置字段，确定与该当前运行环境匹配的最后一个配置字段；
根据该最后一个配置字段设置当前运行环境下的该自定义导航条的标识字段。
可选的，该运行环境包括本地环境、开发环境和生产环境。
可选的，该运行环境还包括至少一种应用程序。
可选的，该运行环境还包括至少一个软件版本。
本实施例的装置，可以用于执行上述方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。
图7为本发明提供的一种移动端H5页面的显示设备的结构示意图。如图7所示，设备70包括存储器701和处理器702；该存储器701和该处理器702连接；
该存储器701，用于存储计算机程序；
该处理器702，用于在计算机程序被执行时，实现如上述实施例中的移动端H5页面的显示方法。
本发明提供一种存储介质，其上存储有计算机程序，该计算机程序被处理器执行时，实现如上述权利要求实施例中的移动端H5页面的显示方法。
本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (10)

1.一种移动端H5页面的显示方法，其特征在于，包括：
检测H5页面的当前运行环境；
根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；所述配置文件用于表示至少两种运行环境中的每种运行环境下所述自定义导航条的状态，所述状态包括显示状态或隐藏状态；
根据当前运行环境下所述自定义导航条的状态显示H5页面。
2.根据权利要求1所述的方法，其特征在于，所述检测当前运行环境之前，所述方法还包括：
创建H5页面的自定义导航条。
3.根据权利要求1所述的方法，其特征在于，所述根据配置文件确定当前运行环境下H5页面的自定义导航条的状态，包括：
根据配置文件设置当前运行环境下的所述自定义导航条的标识字段；所述标识字段用于指示所述自定义导航条的状态；
根据所述标识字段，确定当前运行环境下H5页面的自定义导航条的状态。
4.根据权利要求3所述的方法，其特征在于，所述根据配置文件设置当前运行环境下的所述自定义导航条的标识字段，包括：
遍历配置文件中的所有配置字段，确定与所述当前运行环境匹配的最后一个配置字段；
根据所述最后一个配置字段设置当前运行环境下的所述自定义导航条的标识字段。
5.根据权利要求1-4中任一项所述的方法，其特征在于，所述运行环境包括本地环境、开发环境和生产环境。
6.根据权利要求5所述的方法，其特征在于，所述运行环境还包括至少一种应用程序。
7.根据权利要求6所述的方法，其特征在于，所述运行环境还包括至少一个软件版本。
8.一种移动端H5页面的显示装置，其特征在于，包括：
检测模块，用于检测H5页面的当前运行环境；
确定模块，用于根据配置文件确定当前运行环境下H5页面的自定义导航条的状态；所述配置文件用于表示至少两种运行环境中的每种运行环境下所述自定义导航条的状态，所述状态包括显示状态或隐藏状态；
显示模块，用于根据当前运行环境下所述自定义导航条的状态显示H5页面。
9.一种移动端H5页面的显示设备，其特征在于，包括存储器和处理器；所述存储器和所述处理器连接；
所述存储器，用于存储计算机程序；
所述处理器，用于在计算机程序被执行时，实现如上述权利要求1-7中任一项所述的移动端H5页面的显示方法。
10.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时，实现如上述权利要求1-7中任一项所述的移动端H5页面的显示方法。
CN201911023412.6A 2019-10-25 2019-10-25 移动端h5页面的显示方法、装置、设备及存储介质 Active CN110781425B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911023412.6A CN110781425B (zh) 2019-10-25 2019-10-25 移动端h5页面的显示方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911023412.6A CN110781425B (zh) 2019-10-25 2019-10-25 移动端h5页面的显示方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN110781425A true CN110781425A (zh) 2020-02-11
CN110781425B CN110781425B (zh) 2022-09-20

Family

ID=69386642

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911023412.6A Active CN110781425B (zh) 2019-10-25 2019-10-25 移动端h5页面的显示方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN110781425B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111462281A (zh) * 2020-03-31 2020-07-28 北京创鑫旅程网络技术有限公司 海报生成方法、装置、设备及存储介质
CN111475763A (zh) * 2020-04-15 2020-07-31 成都安易迅科技有限公司 网页运行方法、装置、存储介质及设备
CN115203618A (zh) * 2022-09-13 2022-10-18 北京达佳互联信息技术有限公司 页面处理方法、装置、电子设备及存储介质

Citations (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040111394A1 (en) * 2002-12-06 2004-06-10 International Business Machines Corporation Hidden fields for containing debug information
US20050010824A1 (en) * 2003-07-11 2005-01-13 Sheue Yuan System and method for synchronizing login processes
CN102279860A (zh) * 2011-02-09 2011-12-14 天津海量信息技术有限公司 手机网络资讯导航系统及其实现方法
CN103399703A (zh) * 2012-07-16 2013-11-20 华为终端有限公司 用户设备的系统栏的控制方法和用户设备
CN103473068A (zh) * 2013-09-24 2013-12-25 北京天源科创风电技术有限责任公司 基于svg的图形实时监控界面定制系统及其定制方法
CN104484360A (zh) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 参数信息的获取方法及装置
CN104484363A (zh) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 搜索结果的展现方法及装置
CN105488051A (zh) * 2014-09-17 2016-04-13 腾讯科技（深圳）有限公司 网页处理方法及装置
CN105988660A (zh) * 2015-03-02 2016-10-05 北大方正集团有限公司 界面色调调节方法、界面色调调节系统、输入系统和终端
CN106383705A (zh) * 2016-08-31 2017-02-08 杭州华为数字技术有限公司 在应用瘦客户端中设置鼠标显示状态的方法及装置
CN107977137A (zh) * 2017-10-25 2018-05-01 星潮闪耀移动网络科技（中国）有限公司 应用页面的对象展示方法、装置和设备
CN108804158A (zh) * 2018-06-05 2018-11-13 珠海市魅族科技有限公司 应用程序调用方法、终端设备的控制方法、终端设备及计算机可读存储介质
CN109918055A (zh) * 2019-01-28 2019-06-21 平安科技（深圳）有限公司 一种应用程序的生成方法及设备
CN109961172A (zh) * 2018-12-28 2019-07-02 东南大学 一种基于统计模型检验的cps稀有事件概率预测方法
CN110008116A (zh) * 2019-02-28 2019-07-12 深圳点猫科技有限公司 一种微信webapp调试方法及装置
CN110119352A (zh) * 2019-04-18 2019-08-13 深圳壹账通智能科技有限公司 应用程序的ui调试方法、装置、计算机设备和存储介质
CN110298000A (zh) * 2019-05-21 2019-10-01 平安普惠企业管理有限公司 页面参数的获取方法、终端设备及介质

Patent Citations (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20040111394A1 (en) * 2002-12-06 2004-06-10 International Business Machines Corporation Hidden fields for containing debug information
US20050010824A1 (en) * 2003-07-11 2005-01-13 Sheue Yuan System and method for synchronizing login processes
CN102279860A (zh) * 2011-02-09 2011-12-14 天津海量信息技术有限公司 手机网络资讯导航系统及其实现方法
CN103399703A (zh) * 2012-07-16 2013-11-20 华为终端有限公司 用户设备的系统栏的控制方法和用户设备
CN103473068A (zh) * 2013-09-24 2013-12-25 北京天源科创风电技术有限责任公司 基于svg的图形实时监控界面定制系统及其定制方法
CN105488051A (zh) * 2014-09-17 2016-04-13 腾讯科技（深圳）有限公司 网页处理方法及装置
CN104484360A (zh) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 参数信息的获取方法及装置
CN104484363A (zh) * 2014-12-02 2015-04-01 百度在线网络技术（北京）有限公司 搜索结果的展现方法及装置
CN105988660A (zh) * 2015-03-02 2016-10-05 北大方正集团有限公司 界面色调调节方法、界面色调调节系统、输入系统和终端
CN106383705A (zh) * 2016-08-31 2017-02-08 杭州华为数字技术有限公司 在应用瘦客户端中设置鼠标显示状态的方法及装置
CN107977137A (zh) * 2017-10-25 2018-05-01 星潮闪耀移动网络科技（中国）有限公司 应用页面的对象展示方法、装置和设备
CN108804158A (zh) * 2018-06-05 2018-11-13 珠海市魅族科技有限公司 应用程序调用方法、终端设备的控制方法、终端设备及计算机可读存储介质
CN109961172A (zh) * 2018-12-28 2019-07-02 东南大学 一种基于统计模型检验的cps稀有事件概率预测方法
CN109918055A (zh) * 2019-01-28 2019-06-21 平安科技（深圳）有限公司 一种应用程序的生成方法及设备
CN110008116A (zh) * 2019-02-28 2019-07-12 深圳点猫科技有限公司 一种微信webapp调试方法及装置
CN110119352A (zh) * 2019-04-18 2019-08-13 深圳壹账通智能科技有限公司 应用程序的ui调试方法、装置、计算机设备和存储介质
CN110298000A (zh) * 2019-05-21 2019-10-01 平安普惠企业管理有限公司 页面参数的获取方法、终端设备及介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
宋波: "Web3D技术在井下工具信息展示系统中的应用", 《内蒙古石油化工》 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111462281A (zh) * 2020-03-31 2020-07-28 北京创鑫旅程网络技术有限公司 海报生成方法、装置、设备及存储介质
CN111475763A (zh) * 2020-04-15 2020-07-31 成都安易迅科技有限公司 网页运行方法、装置、存储介质及设备
CN115203618A (zh) * 2022-09-13 2022-10-18 北京达佳互联信息技术有限公司 页面处理方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN110781425B (zh) 2022-09-20

Similar Documents

Publication Publication Date Title
US9342237B2 (en) Automated testing of gesture-based applications
CN110781425B (zh) 移动端h5页面的显示方法、装置、设备及存储介质
CN102306174B (zh) 一种基于网页元素与用户进行互动的方法与设备
Masiello et al. Mastering React Native
KR20130116882A (ko) 그래픽 객체의 조작
Sommer et al. Evaluation of cross-platform frameworks for mobile applications
CN104380249A (zh) 开发环境中的折叠视图
CN109445891B (zh) 画面组态及展示方法、装置、计算机可读存储介质
US20060225091A1 (en) Customizing and personalizing views in content aggregation frameworks
Seymour et al. How to create an app
Panigrahy Xamarin Mobile Application Development for Android
CN112130951A (zh) 基于ai的rpa流程生成端的流程生成方法、设备及存储介质
US9760381B2 (en) Configurable toolbar
Ulloa Kivy: interactive applications in python
CN111435313A (zh) 一种软件换肤的方法及装置
Dutson Android Development Patterns: Best Practices for Professional Developers
CN103324743A (zh) 一种电子设备上网页缩放和对齐的方法和装置
JP2016024668A (ja) ユーザインタフェース評価装置およびユーザインタフェース評価方法
CN108427660A (zh) 一种响应式大屏展示方法和装置
Van der Westhuizen Bootstrap for ASP. NET MVC
WO2023093327A1 (zh) 目标程序的测试方法、装置、设备及存储介质
Tesfaye Using PhoneGap to Create a Wish List Application
CN107632848B (zh) 数据处理方法和装置
Carlsson Tysk et al. An evaluation of MobileCross-platform Developmentusing React Native and NativeAndroid
CN115439579A (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
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20231101

Address after: No. 407, 4th Floor, Digital Content Industrial Park, Building 19, Group A3-3, Yuncheng Shangpin, Yuncheng Street, Baiyun District, Guiyang City, Guizhou Province, 550000

Patentee after: Mafengwo (Guizhou) Tourism Group Co.,Ltd.

Address before: 100015 building 10, No.9 Jiuxianqiao North Road, Chaoyang District, Beijing

Patentee before: BEIJING CHUANGXIN JOURNEY NETWORK TECHNOLOGY Co.,Ltd.