关键词：
最近在开发移动端项目时，需要用到的本地存储的地方不少。都是一些只要记住当前打开窗口的用户数据就行，所以我选择用的sessionStorage。使用场景如下：
A.html页面需要记录一条数据{a:1,b:2};
sessionStorage.setItem("data","{a:1,b:2}");
B.html页面取出使用;
sessionStorage.getItem("data"); // 获取结果为null
问题：如果项目不是单页面复应用，AB是两个html文件，需要跳转href的。我们会发现有些Andiron系统的浏览器在B页获取是到的结果是null (如：vivo手机自带的世界之窗浏览器)。
经过分析，其实这并不是这个浏览器不支持sessionStorage，因为你还是能获取到sessionStorage这个对象的。而是因为sessionStorage是一个当前窗口的数据存储格式，有些浏览器在跳转新页面的时候他系统是打开了一个新的webView，把原来的关了,也就相当于我们在浏览器打开了一个新窗口。这样他就跟我们的sessionStorage原理冲突了，在新页面当然就获取不到咯。 所以建议大家做移动端的时候如果不是单页面复应用的的项目最好不要使用sessionStorage。慎用！
关于移动端页面的适配
移动端页面： 适配，适应各个不同的设备，如果是纯粹的移动端页面的话不用去考虑ipad,PC。 浏览器，微信（朋友圈），QQ(内置浏览器)，UC 小米，华为会有部分兼容问题。响... 查看详情
关于轮播图兼容的问题
首先swiper3作为移动端，用来做轮播图的插件最合适不过了。但是swiper3作为移动端的首选，它是不支持ie8的。这个时候我们需要使用一些兼容的东西。swiper2是能够兼容ie8的。但是分页器。不能很好的兼容。 2.我们可以使用原... 查看详情
移动端300ms兼容问题（移动端经典问题）(代码片段)
移动端300ms延迟原因2007年初。苹果公司在发布首款iPhone前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对iPhone这种小屏幕浏览桌面端站点的问题。双击缩放(doubletaptozoom)，这... 查看详情
关于移动端的一些兼容问题
1、首先我们在使用Media的时候需要先设置下面这段代码（写在head标签里）： <metaname="viewport"content="width=device-width,maximum-scale=1,user-scalable=no"/> 这段代码的几个参数解释：width=device-width：宽度等于当前... 查看详情
移动端兼容问题注意事项
1.IOS移动端click事件300ms的延迟响应移动设备上的web网页有300ms延迟，有时会造成按钮点击延迟或者点击失效。苹果为了将适用于PC端大屏幕的网页能较好的展示在手机端上，使用了双击缩放(doubletaptozoom)的方案，发布IOS系统搭载的... 查看详情
移动端兼容
移动端前端开发注意点第一次接触移动端开发，发现web端和移动端的差别还是很大的，我主要记录移动端的一些内容：移动端与web端在网页设计与交互方面的差别移动端注意点一些小技巧移动端的一些问题及解决方法移动端与web... 查看详情
移动端常见的兼容性问题
随着手机的普及，移动端的开发也成了一个重要的方向，但由于设备的不统一会造成一些兼容性问题，1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研... 查看详情
移动端兼容性问题解决方案
1.IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适... 查看详情
移动端兼容性问题解决方案
1.IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适... 查看详情
移动端兼容性问题解决方案
1.IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适... 查看详情
移动端兼容性问题解决方案
1.IOS移动端click事件300ms的延迟响应移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的,2007年苹果发布首款iphone上IOS系统搭载的safari为了将适... 查看详情
html5技术教程移动端经常出现的兼容问题
移动端经常出现的兼容问题1.安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必... 查看详情
关于移动端的键盘兼容性总结
参考技术A这是第一个移动端子应用中遇到的问题。由于自己以前从来没有做过移动端相关的开发。这次开发遇到了很多IOS和Android的系统差异需要做的兼容问题。在这里总结一下。以后遇到相关的兼容问题也来这里更新。首先我... 查看详情
关于video标签移动端开发遇到的问题，获取视频第一帧，全屏，自动播放，自适应等问题(代码片段)
最近一直在处理video标签在IOS和Android端的兼容问题，其中遇到不少坑，绝大多数问题已经解决，下面是处理问题经验的总结： 1.获取视频的第一帧作为背景图； 技术：canvas绘图 window.onload=function... 查看详情
移动端部分兼容问题
1、H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> （部分安卓手机的UC浏览器写完以后还是可以放大缩小）2、忽略... 查看详情
移动端常见的一些兼容性问题
一、meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略 查看详情
移动端兼容性问题解决方案
同样是微信浏览器，但是在Android平台上和iOS平台上表现还是有很大的差异，今天就遇到了诸多问题，记个笔记。使用的jQuery，一些事件监听在ios微信浏览器无效，贴出我的代码：$(document).on(‘click‘,‘[data-action="toggle"]‘,function(... 查看详情
关于移动端适配问题
移动端适配采用rem进行编写CSS，整理了三种方案： 方案一： 简单的JS适配functionresizeRoot(width){vardeviceWidth=document.documentElement.clientWidth,num=width,num1=num/100;if(deviceWidth>num){deviceWidth=num;}document.documen 查看详情