[发明专利]一种在微信网页中实现CSS显示效果的方法和系统

说明书

技术领域

本发明涉及互联网技术领域，特别涉及一种在微信网页中实现CSS显示效果的方法和系统。

背景技术

随着移动互联网技术的发展，用户越来越多的使用移动聊天工具(MIM)，通过MIM来发送即时文字、图片或者视频信息，甚至进行语音的实时通话。MIM业务提供商高度重视此业务的发展，通过MIM来实现移动互联网客户群的积累，通过流量经营逐渐巩固用户基础，并带动移动互联网广告、电子商务、门户、互联网金融和互联网社区等业务的发展，从而实现移动互联网流量的价值经营。

在众多MIM产品中，微信即时聊天工具是一种可以让交流双方在网络上建立某种聊天渠道的实时通讯软件，可以提供联络人名单、在线状态、历史聊天记录等基本聊天功能。使用者使用即时聊天工具可以经济、方便地通过互联网发送文字、图片、视频等信息。用户还可以通过微信享受到类似于传统电信运营商所提供的类似于短信、彩信等额业务，并且还可以享受到更加附加的增值通信服务。根据腾讯科技公司公布的2015年财报数据，微信每月活跃用户已达到5.49亿，覆盖国家超过200个，覆盖语言超过20种，移动应用对接超过85,000个，已经成为移动社交的重要渠道，已成为人们生活的重要部分。

在微信的诸多功能中，除了发送和接收信息实现信息免费传递之外，更是互联网营销、购物、传媒、支付的载体，而浏览网页内容是非常重要的功能之一。下列几方面因素对微信网页浏览提出了巨大的需求：

1、公众号服务。立足于微信的强大用户基础，企业纷纷发布微信公众号，以扩大市场影响力。通过微信公众账号渠道，为经济实体的实际运营带来了媒体、营销、客服、公共服务等帮助应用，将品牌推广给上亿的微信用户，减少了宣传成本，提高了品牌知名度，打造了更具影响力的品牌形象，有效实现了O2O和流量变现。随着微信公众号的影响力的增强，拥有粉丝和流量的公众号会发展越来越迅速，进一步推动用户粉丝数量和流量规模更快的增长。

2、微信购物。得益于移动互联网应用和创新的不断发展，中国电子商务市场也纷纷布局移动端。微信购物发展迅速，覆盖商品种类广泛，由于商品信息传播的便捷性而吸引了大量的购买用户。同时，微信购物平台的运营成本低，保证了产品的低成本销售，具有价格竞争力；微信购物平台的技术门槛低，可以节约大量的人力资源成本。微信购物的沟通和支付便捷，可以在微信里完成商家和买家的互动，也可以完成下单和支付，大大方便了互联网购物的流程。所以，微信购物平台孕育着巨大的商机。

3、微信公众平台也是很好的资讯传播方式。微信能够对专业的领域进行宣传，为用户传递闭环式的媒体内容，获得高关注度的目标用户。微信用户可以根据自己的兴趣选择不同的专业内容进行关注，进而形成用户自己的一个资讯信息资源渠道。

上述微信功能的实现都需要借助微信网页浏览功能，才能够从有限的微信信息中获得后台的庞大资源。

与专业的网页浏览器相比，微信浏览器的控制功能相对简单，只提供基础的浏览功能，页面展示效果相对简单。在用户使用微信浏览网页的情况下，操控网页应用或点击网页的图标按键时，由于微信浏览器不提供图标的CSS显示效果，所以用户无法判断点击屏幕的位置是否正确，会造成点击操作无效的情况，或造成点击错误按键进入错误链接地址的情况。在实际的使用过程中，现有的微信浏览器功能影响了用户的使用体验，也降低了用户使用微信浏览网页的效率。

发明内容

本发明提供一种在微信网页中实现CSS显示效果的方法和系统，对微信网页中的图标按键添加多样化的显示效果，指示点击位置，表明操作微信网页的状态，为用户操控提供动态、形象的显示效果，增强了网页的易操作性，提高网页操控的效率，提升了用户使用微信网页的用户体验。

本发明的技术方案提供了一种在微信网页中实现CSS显示效果的方法，包括以下步骤：

微信网页JavaScript脚本监听对触摸屏的点击；

点击所述触摸屏；

获得触摸位置的DOM；

为所述DOM的class属性进行赋值；

所述DOM显示CSS效果；

点击离开；

执行所述DOM对应的操作。

进一步的，所述class属性包括但不限于阴影、悬浮、圆角、立体的显示效果。

进一步的，所述点击所述触摸屏，进一步包括：对触摸屏幕的时间少于100ms的点击判断为误操作。

进一步的，对所述误操作不显示CSS效果，不执行所述DOM对应的操作。

进一步的，所述DOM显示CSS效果，进一步包括：点击屏幕期间，DOM持续显示CSS效果。