本发明涉及计算机网络技术，特别涉及PC端和移动电话端WEB接口的实现方法。
背景技术：
随着互联网的发展，越来越多的产品需要PC端和手机端两者的兼容性。 当前使用的技术通常是响应布局、复杂界面或前端频繁转换的页面。 响应型实现效果不太好，会出现很多冗长的代码。 此外，PC端显示可能成功，但移动端显示页面并不简单，后期维护也不是那么简单。 需要考虑各种适应性。 这一定增加了开发者的工作量。 区分PC端和移动端可以为每个设备加载不同的. css级联样式文件。 这样，设计元素就容易被重用，设计成本就会降低，界面也会变美。 此外，如果该设备出现交互问题，则只需更改相应设备的. css级联样式文件即可，节省了维护时间。
技术实现要素：
本发明目的是提供一种检测flex布局属性的完整性的方法和系统，解决现有技术中检测flex盒模型的兼容性属性的完整性和顺序的正确性，不仅工作量大，而且可能不准确的问题。
本发明的PC侧和移动电话侧的WEB接口的实现方法包括以下步骤。
创建要在PC端使用的. css级联样式文件，然后创建要在移动端使用的. css级联样式文件； 在WEB界面中搜索div标记中定义的控件名称及其控件属性值； 在. css级联样式文件中，设置与div标签中的控件名称相对应的视觉样式； 同一.通过初始化html接口确定当前设备是PC还是移动设备； 为每个设备加载不同的. css级联样式文件，并加载. css级联样式文件下的相关属性值。
其中，div标签中的控件包含id和class。
在这里，您将使用JavaScript来确定当前设备是PC还是移动设备。 如果当前设备是Palm OS、Symbian、Android、iOS、黑莓操作系统或Windows Phone8，则当前设备是移动设备。 如果当前设备是Windows XP、Windows7或Mac Os x，则当前设备是PC设备。
本发明的实施例提供的技术方案可以包括以下效果。
针对以上特征，本发明提供了一种实现PC端与移动电话端WEB接口兼容性的方法，能够在相同的WEB接口中对每个设备进行不同的加载。 css级联方案为用户提供了不同设备的易用交互方式，同时也节约了开发者的维护成本。
图纸说明
图1是PC侧和移动电话侧WEB接口的实现方法的流程图；
具体实施方式
以下，参照附图对本发明进行更详细的说明。
参照图1，在本实施方式中，其特征在于，PC侧和移动电话侧的WEB接口的实现方法包括以下步骤。
步骤S1 :创建要在PC端使用的. css级联样式文件。 例如，样式文件名可以是computer.css。
步骤S2 :创建另一个要在移动端使用的. css级联样式文件。 例如，样式文件名可以是mobile.css。
步骤S3 )搜索在WEB界面中的div标签内定义的控件名称及其控件属性值。 其中，在div标记中定义的控件名称可以是class或id，控件的属性值可以定义为class=”logoshow "或id=”logoshow "。
步骤S4 :在. CSS级联样式文件中，设置与div标签中的控件名称相对应的视觉样式。
步骤S5 :通过初始化相同. html接口来确定当前设备是PC还是移动设备；
步骤S6 :为每个设备加载不同的. css级联样式文件，并加载. css级联样式文件下的相关属性值。
这里，在步骤S3中说明的div标签内的控件包含id和class。
这里，在步骤S5中，使用JavaScript，判断上述当前设备是PC还是移动设备，当前设备是Palm OS、Symbian、Android、iOS、Black BerryOS、windows PPS 如果当前设备是Windows XP、Windows7或Mac Os x，则当前设备是PC设备。
其中，一个优选实施例首先定义了两个. css级联样式表，一个用于PC侧，另一个用于移动侧。 例如，PC端的. css级联样式表名称为computer.css，移动端的. css级联样式表名称为moblie.css； 无论是id的样式名称还是class的样式名称，在computer.css和moblie.css中样式名称都相同。
然后，使用相同样式名称的class样式实现不同设备的视觉样式。 WEB界面首页上的徽标图像在PC端显示的大小、宽度和高度均为80像素，在移动端只需要40像素。 假定要以class样式显示，请首先在静态界面中将class定义为logoshow，然后在computer.css中将其定义为与此class样式值对应的logoshow height:80px； }、这个class在我们移动端的风格值是#logoshow{width:40px； height:40px； }、这样，在PC端和移动端分别同样定义了不同视觉样式的属性值。
在PC端和移动端. css级联样式文件的定义完成后，在. html初始化中引入样式时使用了JavaScrip
t判断，对不同的设备加载不同的.css层叠样式文件,如当前设备为Palm OS、Symbian、Android、iOS、Black BerryOS、Windows Phone8其中之一，就加载moblie.css层叠样式文件；如果当前设备为Windows XP、Windows7或Mac Os x之一，就加载computer.css层叠样式文件。这样我们的WEB界面不管在PC端还是移动端，在使用同一套.html的情况下，它都可以根据自己特有的兼容样式实现良好的展示效果，后续如果要修改不同设备的显示样式，也只需找到对应设备下的.css层叠样式文件进行修改即可。上述内容，仅为本发明的较佳实施例，并非用于限制本发明的实施方案，本领域普通技术人员根据本发明的主要构思和精神，可以十分方便地进行相应的变通或修改，故本发明的保护范围应以权利要求书所要求的保护范围为准。
应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围执行各种修改和改变。本发明的范围仅由所附的权利要求来限制。