苏宁易购微信端 wx ios android other 通过js来控制样式
<!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来控制样式的更多相关文章
- 苏宁易购微信端 全页通过background单图
w单图,绕开了显示的兼容性. http://res.m.suning.com/project/JoinGo/intro.html http://res.m.suning.com/project/Joi ...
- jQuery仿苏宁易购导航
最近看了些网上的各类导航网站源码,自己学习制作了一个仿苏宁易购的导航栏 jQuery部分代码 $(function(){ $(".CategoryTree>ul>li" ...
- Axure RP Pro 7.0苏宁易购式标签切换效果教程
转:http://jingyan.baidu.com/article/7082dc1c4f0a11e40a89bdac.html 页面标签切换效果,几乎是所有大网站(尤其是电商类网站)标配的交互方式: ...
- 华为HiAI 助力苏宁易购，让你尽享完美视觉购物体验！
还在感慨商品照片与实物存在差距,又要退货? 还在抱怨被忽视的图片小细节,影响了生活品质? 想要“买买买”, 又担心海量的商品图片耗光你的流量? 就在近期 搭载HiAI能力的苏宁易购新版上线, 让你畅快 ...
- 分布式爬虫系统设计、实现与实战：爬取京东、苏宁易购全网手机商品数据+MySQL、HBase存储
http://blog.51cto.com/xpleaf/2093952 1 概述 在不用爬虫框架的情况,经过多方学习,尝试实现了一个分布式爬虫系统,并且可以将数据保存到不同地方,类似MySQL.HB ...
- 苏宁易购Android架构演进史
互联网后端架构 https://mp.weixin.qq.com/s/5lDXjMh6ghQNi4E7qQIEEg 互联网后端架构 10月9日 摘要 移动青铜时代(2012-2014) 时代特点: 移 ...
- Python 爬虫实例（11）—— 爬虫 苏宁易购
# coding:utf-8 import json import redis import time import requests session = requests.session() imp ...
- Lottie在手，动画我有：ios/Android/Web三端复杂帧动画解决方案
为什么需要Lottie 在相对复杂的移动端应用中,我们可能会需要使用到复杂的帧动画.例如: 刚进入APP时候可能会看到的入场小动画,带来愉悦的视觉享受 许多Icon的互动变化比较复杂多变的时候,研 ...
- 微软云平台媒体服务实践系列 2- 使用动态封装为iOS, Android , Windows 等多平台提供视频点播（VoD）方案
文章微软云平台媒体服务实践系列 1- 使用静态封装为iOS, Android 设备实现点播(VoD)方案 介绍了如何针对少数iOS, Android 客户端的场景,出于节约成本的目的使用媒体服务的静 ...
随机推荐
- PHPStorm 10 激活
按照这篇东东的说法去做已经不行了~ 可以参考我的另外一篇~ 传送门: http://www.cnblogs.com/gssl/p/5686612.html 楼主的图片看不到,下面是我找到的.分享出来. ...
- API Management Architecture Notes
Kong/Tyk/Zuul/strongloop/Ambassador/Gravitee IBM Reference Architecture for API Management: https:// ...
- HTTP协议 - 协议格式
HTTP 是一个属于应用层的面向对象的协议,由于其简捷.快速的方式,适用于分布式超媒体信息系统.它于1990年提出,经过几年的使用与发展,得到不断地完善和 扩展.目前在WWW中使用的是HTTP/1.0 ...
- 纯css3实现的竖形二级导航
之前为大家分享了好多导航菜单.今天给大家带来一款纯css3实现的竖形二级导航.这款导航菜单可以是无限级.一起看下效果图: 在线预览 源码下载 实现的代码. html代码: <div styl ...
- sqlmap中tamper脚本绕过waf
0x00 背景 sqlmap中的tamper脚本来对目标进行更高效的攻击. 由于乌云知识库少了sqlmap-tamper 收集一下,方便学习. 根据sqlmap中的tamper脚本可以学习过绕过一些技 ...
- ubuntu 12.04下apache 配置家目录地址
apache2 最在搞前端相关的东西,上一次也记录了 Linux 下 LAMP环境的搭建,现在记录一下如果改变 apache2 的家目录地址该怎么做,改那个配置文件 修改配置文件 /etc/apach ...
- mf210v 端口的映射
ttyUSB0 : 诊断端口 ttyUSB1 : AT指令端口 ttyUSB2 : VoUSB端口(语音) ttyUSB3 : Modem端口
- node.js之web开发 koa入门
用Node.js开发Web服务器端,有几个显著的优势: 速度快,非常快!这得益于Node.js天生是异步的. 常见的Web框架包括:Express,Sails.js,koa,Meteor,DerbyJ ...
- 数论 + 容斥 - HDU 4059 The Boss on Mars
The Boss on Mars Problem's Link Mean: 给定一个整数n,求1~n中所有与n互质的数的四次方的和.(1<=n<=1e8) analyse: 看似简单,倘若 ...
- 一般来说，主方法main()结束的时候线程结束
suspend()是将一个运行时状态进入阻塞状态(注意不释放锁标记).恢复状态的时候用resume().Stop()指释放全部. 这几个方法上都有Deprecated标志,说明这个方法不推荐使用. 一 ...