手机淘宝2013年11.11整体支付宝成交额53.5亿，是去年的5.6倍（9.6亿）；单日活跃用户达1.27亿；手机淘宝单日成交笔数达3590万笔，交易笔数占比整体的21%；

IBM的一份报告显示，今年感恩节后的黑色星期五，移动端来的流量占了电商总体的42.6%，销售额占了26%，比去年提升了49%。

• 手机客户端（a.17173.com）；
• 开发移动版网页（m.17173.com） ；
  
• 移动适配改造。
  

• 表现：iPad点击补全层后，出现短暂的残留阴影；
  
• 原因：iPad自带浏览器对被点击元素做高亮显示；
  
• 修复：可通过设置属性 -webkit-tap-highlight-color: rgba(0,0,0,0) 避免。

• 表现：登录过程中，“高度塌陷” ；
  
• 原因：需适应不同宽度屏幕，容器高度不能设为固定值 ；
  
• 解决：js控制，在登录状态切换前计算将被隐藏元素的高度，状态切换时赋值給 aitElement/infoElement 高度属性。
  

• 表现：输入用户名不自动补全邮箱域部分；
  
• 原因：“next”键码不同于普通键盘的“tab”键码；
  
• 解决：监听blur事件取代keyup事件+keyCode判断。
  

• 表现：三星、HTC x920e（android4.1.1）安装测试app，只能点开一次注册服务条款，关闭后无法再点开；
  
• 原因：app中调用window.open 只能打开一次同名窗口；
• 解决：name属性使用变量值（如：时间戳）；
• 类似：横竖屏切换表单数据丢失 Bug #6964。

• 表现：点击email格式的字符串跳转到 mailto： 协议地址； 
  
• 原因：应用自动将格式匹配的字符串转换为链接 ；
  
• 解决：
  • 破坏格式（如使用span标签包裹“@”符号）；
  • 通过设置meta 标签禁用格式转换。
  
  

• 表现：input自动添加占位符，内容与label元素一致；
  
• 原因： 三星GT-I9308 自带浏览器定制的行为；
  
• 解决：使用placeholder属性描述输入内容，取代label。
  

• 表现：普通屏幕显示正常的图标，在Retina屏下显示模糊；
  
• 原因：设备像素比高，需要更高分辨率的图片资源；
  
• 解决：
  • img标签：通过devicePixelRatio属性判断是否高清屏，是则设置宽高、修改src属性（引用2倍分辨率图片资源）；
  • 样式中的背景图：媒体查询。
  
  

1. 拿出手机 ，启动wifi；
   
2. 连接到SSID以“360_”开头的热点；
   
3. 浏览器打开网址 192.168.0.1 ；
   

• 场景：开发和调试中，需对代码改动后的效果进行 预览；
  
• 问题：非同一网段时，手机 无法访问到工作机开发环境；
  
• 过去的做法：将网页上传到手机可访问的内网服务器；
  
• 不足： 调试需在编辑器和浏览器间 频繁 切换，增加中间步骤（文件同步） 影响效率；
• 新方法：工作机创建无线局域网共享给手机，手机直接访问开发环境；
• 好处：跳过文件操作，直接预览修改。

1. 找到刚才创建的无线连接；
   
2. 设置http代理，ip：192.168.0.1，端口：17173；
   
3. 手机浏览器中打开17173首页。
   

• 手机设置http代理为工作机17173端口（代理服务）；
  
• 手机发起的请求交由代理服务器处理；
  
• 由代理服务器完成域名查询（domain->host/dns->ip） 及本次请求的其他步骤，然后再将响应内容返回给请求者。  

• 场景：部分内网服务需要修改host才能通过域名访问；
  
• 问题：绝大部分手机不支持直接修改hosts文件；
• 过去的做法：通过刷机、越狱手段获取权限后修改hosts；  
  
• 不足：每台设备都必须进行提权/修改hosts操作；
  
• 新方法：通过设置代理让所有设备共用工作机上的hosts文件；
  
• 好处：
  
  1. 操作简单，在PC机上修改hosts文件相对方便；
  2. 无需重复，只需维护一份hosts文件；
  3. 文艺范 —— 做移动端web测试的妹纸再也不必是懂刷机能越狱的女汉子。