CN106293731A - 一种给内嵌网页传递多种信息的客户端软件设计方法 - Google Patents

Abstract

本发明公开了一种给内嵌网页传递多种信息的客户端软件设计方法，在程序中设定一个传参对象M，通过函数或本地储存被网页端的代码所调用；在客户端设定菜单界面设左右势力手、背景模式、主题色、标签栏位置、图案增大缩小键、文字增大缩小键等按键，点击后在传参对象M上添加对应的属性和属性值；网页端程序获取传参对象M，提取M的属性，根据传参对象M的各个属性值设定对应的网页样式供HTML文件或JS调用。同时触发网页端的样式刷新函数。本设计方法具有可灵活控制网页的多种样式、能满足用户不同使用场景的需求等优点。

Description

一种给内嵌网页传递多种信息的客户端软件设计方法

技术领域

本发明涉及一种客户端软件的设计方法，属于软件系统设计领域，根据其特点我们命名为“掌控型客户端”，这种设计方式适用于各种客户端软件对内嵌网页的样式，包括但不限于左右势力手、主题色、背景模式、标签栏位置、图案大小和文字大小等方面的控制，特别适合于浏览器、新闻客户端、对象管理等各种APP软件。

背景技术

现行客户端软件设计越来越多地倾向于嵌入网页，以提高开发速度、降低开发成本和免去升级的麻烦；但网页端和客户端是两个不同的软件体系，用户对界面的样式和风格在客户端做出设定后很难影响到网页。现有的客户端软件，如浏览器，若要改变所嵌入显示的网页的样式，如启用夜间模式，采用的是截获其原有样式代码，强行修改或覆盖原有样式，只能对一些最基本的样式进行修改，如背景颜色和文字颜色；很难满足用户对界面样式多角度设定的需求，如单手操作手机这样的设备时希望改变一些按键的位置，即左右势力手的设计。如何解决用户通过客户端软件的设定去控制所嵌入的网页样式是一个急需解决的问题。

发明内容

为了解决现有客户端软件不能灵活多样地控制嵌入式网页的各种样式，如左右势力手样式、背景模式、标签栏位置、图案和文字的大小等缺点，本发明提供了一种给内嵌网页传递多种信息的客户端软件设计方法。

实施本发明上述目的而采用的技术措施如下所述：

一种给内嵌网页传递多种信息的客户端软件设计方法，包括如下步骤：

1）客户端程序中设定一个传参对象M，M可通过函数或本地储存被网页端的JS代码所调用；

2）客户端程序中设计用户设定菜单界面，通过点击客户端菜单键打开，用户设定菜单界面中设有左右势力手设置键、背景模式设置键、主题色设置键、标签栏位置键、图案增大键和图案缩小键及图案复原键、文字增大键和文字缩小键及文字复原键等用户偏好设定，点击上述设置键或点击上述设置键弹出的二级选项键，即在传参对象M上添加对应的属性和属性值；

3）网页端程序获取传参对象M，提取M的属性，根据传参对象M的各个属性值设定对应的网页样式供HTML文件或JS调用。

4）网页端设有样式刷新函数，客户端用户设定菜单界面中的上述各种设置键被操作后，客户端将触发网页端的样式刷新函数，网页端将立即按新的样式显示。

进一步的，点击所述的左右势力手设置键，传参对象M上对应的势力手属性将在“左手模式”和“右手模式”之间切换，网页端根据“左手模式”或“右手模式”设置浮动布局（float）的靠左靠后属性和绝对布局中的定位（position）属性，使网页中需要采用势力手设置的对象显示在屏幕窗口中的位置位于左侧或右侧。

进一步的，点击所述的背景模式设置键，传参对象M上对应的背景模式属性将在“日夜模式”和“夜间模式”之间切换；或点击背景模式设置键时弹出二级菜单，设有更多的模式选项，如“护眼模式”、“增强模式”等，选中的结果将传递给传参对象M上对应的背景模式属性；网页端根据背景模式值设置对应的背景样式和前景样式，使网页中的背景及前景样式可由用户通过浏览器设定来显示。

进一步的，点击所述的主题色设置键，将弹出二级菜单，设有多种主题风格选项供选择，如“商务主题”、“运动主题”、“时尚主题”、“自然主题”等，选中的结果将传递给传参对象M上对应的主题色属性；网页端根据选中的主题色设置对应的主题样式，使网页中体现主题色彩的对象的背景及前景样式按相应的浏览器设定来显示。

进一步的，点击所述的标签栏位置键，将弹出二级菜单，设有多种标签栏位置选项供选择，如“居上”、“居下”、“居左”、“居右”、“横左竖上”、“横右竖上”、“横左竖下”、“横右竖下”等，选中的结果将传递给传参对象M上对应的标签栏位置属性；网页端根据标签栏位置属性值设置对应的标签栏位置样式，使网页中标签栏的位置按相应的浏览器设定来显示。

进一步的，点击所述的图案增大键或图案缩小键或图案复原键，传参对象M上对应的图案大小属性将在“增大”或“缩小”或“复原”之间切换，网页中采用动态大小设置的图案对象，如图片、按键等将变大或变小或回复标准大小。

进一步的，点击所述的文字增大键或文字缩小键或文字复原键，传参对象M上对应的文字大小属性将在“增大”或“缩小”或“复原”之间切换，网页中采用动态大小设置的文字，如标题、正文等将变大或变小或回复标准大小。

从上述特点可知，本发明方案与已有的技术方案比较有如下优点：

1、客户端软件事先设置了需要定义的内嵌网页界面样式菜单，并通过函数或可被网页获得的本地储存可靠地被网页端获取，确保了样式控制的可靠性；

2、客户端可以设置多种甚至很复杂的样式控制方案，如标签栏位置在竖屏时居于界面底部而横屏时居于界面左侧等；

3、同样的客户端设置，不同的网页可以做出差异化的样式，如同意的主题色，不同的网页可以用不同的HTML对象和不同的样式去解读和表现。

4、涉及代码少，逻辑简单，容易掌握。

如上所述可知，本发明的一种给内嵌网页传递多种信息的客户端软件设计方法与已有技术相比，具有可灵活控制内嵌网页的多种样式，如左右势力手、背景模式、标签栏位置、图案和文字大小，能满足用户在不同设备和不同场景下的使用需求等优点。

附图说明

图1为本发明的一实施例实现步骤图；

图2为图1实施例用户设定菜单界面的示意图；

图3为图1实施例背景模式的二级菜单的示意图；

图4为图1实施例主题色的二级菜单的示意图；

图5为图1实施例标签栏位置的二级菜单的示意图；

图6为图1实施例内嵌某网页的示意图；

图7为图6实施例改变设置后内嵌某网页的示意图。

具体实施方式

现在结合附图所示的优选实施例对本发明的原理作进一步描述。

由图1和图2可知，本发明包括如下步骤：

1）客户端程序中设定一个传参对象M，M可通过函数或本地储存如localStorage等而被网页端的JS代码所调用；

2）客户端程序中设有用户设定菜单界面1，通过点击客户端菜单键打开，用户设定菜单界面1中设有左右势力手设置键11、背景模式设置键12、主题色设置键13、标签栏位置键14、图案增大键15和图案缩小键16及图案复原键17、文字增大键18和文字缩小键19及文字复原键20等用户偏好设定，点击上述设置键或点击上述设置键弹出的二级选项键，即在传参对象M上添加对应的属性和属性值；

3）网页端程序获取传参对象M，提取M的属性，根据传参对象M的各个属性值设定对应的网页样式供HTML文件或JS调用。

4）网页端设有样式刷新函数，客户端用户设定菜单界面1中的上述各种设置键被操作后，客户端将触发网页端的样式刷新函数，网页端将立即按新的样式显示。

由图2、图6和图7可知，点击所述的左右势力手设置键11，传参对象M上对应的势力手属性将在“左手模式”和“右手模式”之间切换，网页端根据“左手模式”或“右手模式”设置浮动布局（float）的靠左靠后属性和绝对布局中的定位（position）属性，使网页中需要采用势力手设置的对象显示在屏幕窗口中的位置位于左侧或右侧；图6显示了内嵌网页5在右手模式下的网页样式，其分类按键52位于界面右侧，方便用户右手操作，可单手操作且其不会在操作过程中不会遮挡中间的界面；图7显示了上述内嵌网页5在设置成左手模式后的样式，其分类按键52位于界面左侧。

由图2、图3、图6和图7可知，点击所述的背景模式设置键12，传参对象M上对应的背景模式属性将在“日夜模式”和“夜间模式”之间切换；或点击背景模式设置键12时弹出二级菜单2，设有更多的模式选项，如“护眼模式”、“增强模式”等，选中的结果将传递给传参对象M上对应的背景模式属性；网页端根据背景模式值设置对应的背景样式和前景样式，使网页中的背景及前景样式可由用户通过浏览器设定来显示；图6显示了内嵌网页5在日间模式下的网页样式，其大部分背景色为浅色；图7显示了上述内嵌网页5在设置成夜间模式后的样式，其大部分背景色为深色。

由图2、图4、图6和图7可知，点击所述的主题色设置键13，将弹出二级菜单3，设有多种主题风格选项供选择，如“商务主题”、“运动主题”、“时尚主题”、“自然主题”等，选中的结果将传递给传参对象M上对应的主题色属性；网页端根据选中的主题色设置对应的主题样式，使网页中体现主题色彩的对象的背景及前景样式按相应的浏览器设定来显示；图6显示了内嵌网页5在运动主题下的网页样式，其标签栏51和分类按键52的底色为代表运动主题的颜色；图7显示了上述内嵌网页5在设置成自然模式后的样式，其标签栏51和分类按键52的底色为代表自然主题的颜色。

由图2、图5、图6和图7可知，点击所述的标签栏位置键14，将弹出二级菜单4，设有多种标签栏位置选项供选择，如“居上”、“居下”、“居左”、“居右”、“横左竖上”、“横右竖上”、“横左竖下”、“横右竖下”等，选中的结果将传递给传参对象M上对应的标签栏位置属性；网页端根据标签栏位置属性值设置对应的标签栏位置样式，使网页中标签栏的位置按相应的浏览器设定来显示；图6显示了内嵌网页5在标签栏位置居下模式，其标签栏51位于界面下方，方便单手操作；图7显示了上述内嵌网页5在设置成标签栏位置居上模式，其标签栏51位于界面的上方，符合从上而下的阅读习惯。

由图2、图6和图7可知，点击所述的图案增大键15或图案缩小键16或图案复原键17，传参对象M上对应的图案大小属性将在“增大”或“缩小”或“复原”之间切换，网页中采用动态大小设置的图案对象，如图片、按键等将变大或变小或回复标准大小；图6显示了内嵌网页5在图案和文字处于复原状态下的样式，其图型、按键和文字大小适中，既显示较多内容又满足触摸操作的需求；图7显示了上述内嵌网页5在点击图案和文字增大键后的样式，其图型、按键和文字均变大，满足远距离观看或老花眼用户的需求。

由图2、图6和图7可知，点击所述的文字增大键18或文字缩小键19或文字复原键20，传参对象M上对应的文字大小属性将在“增大”或“缩小”或“复原”之间切换，网页中采用动态大小设置的文字，如标题、正文等将变大或变小或回复标准大小；图6显示了内嵌网页5在图案和文字处于复原状态下的样式，其图型、按键和文字大小适中，既显示较多内容又满足触摸操作的需求；图7显示了上述内嵌网页5在点击图案和文字增大键后的样式，其图型、按键和文字均变大，满足远距离观看或老花眼用户的需求。

与已有技术相比，本发明所述的一种给内嵌网页传递多种信息的客户端软件设计方法与已有技术相比，具有可灵活控制内嵌网页的多种样式，如左右势力手、背景模式、标签栏位置、图案和文字大小，能满足用户在不同设备和不同场景下的使用需求等优点。

本发明在本说明书中仅说明一些优选实施例，并不是对其限制。该专业技术人员根据本发明构思和精神可以在外观上做出各种各样的变化或修改，例如改变按键的形状和位置，增加或减少要传递的用户设定参数等。因此这些仍应属于本发明的保护范围。

Claims (7)

1.一种给内嵌网页传递多种信息的客户端软件设计方法，包括如下步骤：

1）客户端程序中设定一个传参对象M，M可通过函数或本地储存被网页端的JS代码所调用；

2）客户端程序中设有用户设定菜单界面（1），通过点击客户端菜单键打开，用户设定菜单界面（1）中设有左右势力手设置键（11）、背景模式设置键（12）、主题色设置键（13）、标签栏位置键（14）、图案增大键（15）和图案缩小键（16）及图案复原键（17）、文字增大键（18）和文字缩小键（19）及文字复原键（20）等用户偏好设定，点击上述设置键或点击上述设置键弹出的二级选项键，即在传参对象M上添加对应的属性和属性值；

3）网页端程序获取传参对象M，提取M的属性，根据传参对象M的各个属性值设定对应的网页样式供HTML文件或JS调用；

4）网页端设有样式刷新函数，客户端用户设定菜单界面（1）中的上述各种设置键被操作后，客户端将触发网页端的样式刷新函数，网页端将立即按新的样式显示。

2.根据权利要求1所述的客户端软件设计方法，其特征在于：点击所述的左右势力手设置键（11），传参对象M上对应的势力手属性将在“左手模式”和“右手模式”之间切换，网页端根据“左手模式”或“右手模式”设置浮动布局（float）的靠左靠后属性和绝对布局中的定位（position）属性，使网页中需要采用势力手设置的对象显示在屏幕窗口中的位置位于左侧或右侧。

3.根据权利要求1所述的客户端软件设计方法，其特征在于：点击所述的背景模式设置键（12），传参对象M上对应的背景模式属性将在“日夜模式”和“夜间模式”之间切换；或点击背景模式设置键（12）时弹出二级菜单（2），设有更多的模式选项，如“护眼模式”、“增强模式”等，选中的结果将传递给传参对象M上对应的背景模式属性；网页端根据背景模式值设置对应的背景样式和前景样式，使网页中的背景及前景样式可由用户通过浏览器设定来显示。

4.根据权利要求1所述的客户端软件设计方法，其特征在于：点击所述的主题色设置键（13），将弹出二级菜单（3），设有多种主题风格选项供选择，如“商务主题”、“运动主题”、“时尚主题”、“自然主题”等，选中的结果将传递给传参对象M上对应的主题色属性；网页端根据选中的主题色设置对应的主题样式，使网页中体现主题色彩的对象的背景及前景样式按相应的浏览器设定来显示。

5.根据权利要求1所述的客户端软件设计方法，其特征在于：点击所述的标签栏位置键（14），将弹出二级菜单（4），设有多种标签栏位置选项供选择，如“居上”、“居下”、“居左”、“居右”、“横左竖上”、“横右竖上”、“横左竖下”、“横右竖下”等，选中的结果将传递给传参对象M上对应的标签栏位置属性；网页端根据标签栏位置属性值设置对应的标签栏位置样式，使网页中标签栏的位置按相应的浏览器设定来显示。

6.根据权利要求1所述的客户端软件设计方法，其特征在于：点击所述的图案增大键（15）或图案缩小键（16）或图案复原键（17），传参对象M上对应的图案大小属性将在“增大”或“缩小”或“复原”之间切换，网页中采用动态大小设置的图案对象，如图片、按键等将变大或变小或回复标准大小。

7.据权利要求1所述的客户端软件设计方法，其特征在于：点击所述的文字增大键（18）或文字缩小键（19）或文字复原键（20），传参对象M上对应的文字大小属性将在“增大”或“缩小”或“复原”之间切换，网页中采用动态大小设置的文字，如标题、正文等将变大或变小或回复标准大小。