<!DOCTYPE HTML><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta content="telephone=no" name="format-detection"><meta name="wap-font-scale" content="no"><title>玩法介绍</title><link rel="stylesheet" type="text/css" href="//res.suning.cn/public/v5/common/2.0.0/m-common.css"><script type="text/javascript">

 !function(){

 var UA = window.navigator.userAgent,

 docEl = document.documentElement;

 window.device = {

 isApp : UA.match(/SNEBUY-APP;?/i) ? true : false,

 isAndroid : UA.match(/android/i) ? true : false,

 isIOS : UA.match(/(iPhone|iPod|iPad);?/i) ? true : false,

 isWX : UA.match(/MicroMessenger/i) ? true : false

 };

 docEl && device.isApp && (docEl.className += ' sn-app');

 docEl && device.isAndroid && (docEl.className += ' android');

 docEl && device.isIOS && (docEl.className += ' ios');

 docEl && device.isWX && (docEl.className += ' wx');

 }()

 </script><style type="text/css">

 .sn-app .sn-nav,

 .wx .sn-nav {

 display: none

 }

 body {

 margin: 0 auto;

 max-width: 15rem;

 }

 </style></head><body><div class="sn-nav sn-block"><div class="sn-nav-back"><a class="sn-iconbtn" href="javascript:history.go(-1);">返回</a></div><div class="sn-nav-title of f34">玩法介绍</div></div><div class="main-content" style="background:url(assets/images/group/fullpage.png) center no-repeat;background-size: 100%;width:15rem;height:25.64rem"></div></body></html>
 <!DOCTYPE HTML>

 <html>

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

     <meta name="apple-mobile-web-app-capable" content="yes">

     <meta name="apple-mobile-web-app-status-bar-style" content="black">

     <meta content="telephone=no" name="format-detection">

     <meta name="wap-font-scale" content="no">

     <title>玩法介绍</title>

     <link rel="stylesheet" type="text/css" href="//res.suning.cn/public/v5/common/2.0.0/m-common.css">

     <script type="text/javascript">

         !function () {

             var UA = window.navigator.userAgent,

                 docEl = document.documentElement;

             window.device = {

                 isApp: UA.match(/SNEBUY-APP;?/i) ? true : false,

                 isAndroid: UA.match(/android/i) ? true : false,

                 isIOS: UA.match(/(iPhone|iPod|iPad);?/i) ? true : false,

                 isWX: UA.match(/MicroMessenger/i) ? true : false

             };

             docEl && device.isApp && (docEl.className += ' sn-app');

             docEl && device.isAndroid && (docEl.className += ' android');

             docEl && device.isIOS && (docEl.className += ' ios');

             docEl && device.isWX && (docEl.className += ' wx');

         }()

     </script>

     <style type="text/css">

         .sn-app .sn-nav,

         .wx .sn-nav {

             display: none

         }

         body {

             margin: 0 auto;

             max-width: 15rem;

         }

     </style>

 </head>

 <body>

 <div class="sn-nav sn-block">

     <div class="sn-nav-back"><a class="sn-iconbtn" href="javascript:history.go(-1);">返回</a></div>

     <div class="sn-nav-title of f34">玩法介绍</div>

 </div>

 <div class="main-content"

      style="background:url(assets/images/group/fullpage.png) center no-repeat;background-size: 100%;width:15rem;height:25.64rem"></div>

 </body>

 </html>

苏宁易购微信端 wx ios android other 通过js来控制样式的更多相关文章

  1. 苏宁易购微信端 全页通过background单图

    w单图,绕开了显示的兼容性. http://res.m.suning.com/project/JoinGo/intro.html http://res.m.suning.com/project/Joi ...

  2. jQuery仿苏宁易购导航

    最近看了些网上的各类导航网站源码,自己学习制作了一个仿苏宁易购的导航栏 jQuery部分代码 $(function(){ $(".CategoryTree>ul>li" ...

  3. Axure RP Pro 7.0苏宁易购式标签切换效果教程

    转:http://jingyan.baidu.com/article/7082dc1c4f0a11e40a89bdac.html 页面标签切换效果,几乎是所有大网站(尤其是电商类网站)标配的交互方式: ...

  4. 华为HiAI 助力苏宁易购，让你尽享完美视觉购物体验！

    还在感慨商品照片与实物存在差距,又要退货? 还在抱怨被忽视的图片小细节,影响了生活品质? 想要“买买买”, 又担心海量的商品图片耗光你的流量? 就在近期 搭载HiAI能力的苏宁易购新版上线, 让你畅快 ...

  5. 分布式爬虫系统设计、实现与实战：爬取京东、苏宁易购全网手机商品数据+MySQL、HBase存储

    http://blog.51cto.com/xpleaf/2093952 1 概述 在不用爬虫框架的情况,经过多方学习,尝试实现了一个分布式爬虫系统,并且可以将数据保存到不同地方,类似MySQL.HB ...

  6. 苏宁易购Android架构演进史

    互联网后端架构 https://mp.weixin.qq.com/s/5lDXjMh6ghQNi4E7qQIEEg 互联网后端架构 10月9日 摘要 移动青铜时代(2012-2014) 时代特点: 移 ...

  7. Python 爬虫实例（11）—— 爬虫 苏宁易购

    # coding:utf-8 import json import redis import time import requests session = requests.session() imp ...

  8. Lottie在手，动画我有：ios/Android/Web三端复杂帧动画解决方案

      为什么需要Lottie 在相对复杂的移动端应用中,我们可能会需要使用到复杂的帧动画.例如: 刚进入APP时候可能会看到的入场小动画,带来愉悦的视觉享受 许多Icon的互动变化比较复杂多变的时候,研 ...

  9. 微软云平台媒体服务实践系列 2- 使用动态封装为iOS, Android , Windows 等多平台提供视频点播（VoD）方案

    文章微软云平台媒体服务实践系列 1- 使用静态封装为iOS, Android 设备实现点播(VoD)方案  介绍了如何针对少数iOS, Android 客户端的场景,出于节约成本的目的使用媒体服务的静 ...

随机推荐

  1. [Kernel]理解System call系统调用

    转自:http://os.51cto.com/art/200512/13510.htm 现在,您或许正在查看设备驱动程序,并感到奇怪:“函数 foo_read() 是如何被调用的?”或者可能疑惑: “ ...

  2. 关于js中__proto__和prototype的一些理解<转>

    var Person = function(name) {     this.name = name; } var p = new Person(); new操作符的操作是 var p = {} p. ...

  3. Extjs GridPanel 中放入 Combox显示问题

    http://weijun8611-126-com.iteye.com/blog/566201 在项目中使用了extjs的editorgridpanel,但是其中的combobox在选择了相应的选项后 ...

  4. API - 使用Default对象 - 基础篇

    在编写Spider Studio脚本时, Default对象是最常用最重要的一个, 其类型定义如下: Webus3.Spider.Controls.JQueryBrowser Default; 下面介 ...

  5. CI 多表关联查询

    方法一:$this->db->query("sql  语句");     直接写sql语句 方法二: #多表关联查询 $data=$this->db->fr ...

  6. [android] AndroidManifest.xml - 【 manifest -> application】

    语法: <application android:allowTaskReparenting=["true" | "false"] android:back ...

  7. ubuntu 按键替换 Control_R to Left

    ubuntu 按键替换 Control_R to Left 1 查看当前键盘布局 $xmodmap -pke keycode 105 = Control_R NoSymbol Control_Rkey ...

  8. sours insight 使用技巧

    最终在团队的气氛下还是拿回了source insight编译器: Source Insight实质上是一个支持多种开发语言(java,c ,c 等等)的编辑器,只不过由于其查找.定位.彩色显示等功能的 ...

  9. xsocket：空闲超时问题。

    XSocket是什么? java的nio的封装. 详情: 1. http://xsocket.sourceforge.net/core/apidocs/2_1/index.html 2. http:/ ...

  10. [转]Tcpcopy简介与实战

    Tcpcopy简介 TCPCopy是一种请求复制(所有基于tcp的packets)工具 ,其功能是复制在线数据包,修改TCP/IP头部信息,发送给测试服务器,达到欺骗测试服务器的TCP 程序的目的,从 ...