您的位置：
层叠消融苹果版 v1.0
层叠消融苹果版v1.0
2089人推荐
1758人推荐
1447人推荐
1434人推荐
1131人推荐
1094人推荐
1082人推荐
类似层叠消融苹果版的游戏移动端开发：iOS与Android平台上问题列表 - 轩枫阁 – 前端开发 | web前端技术博客
/ 移动端开发：iOS与Android平台上问题列表
阅读：4822
作者：ivan
伪类 :active 生效
要CSS伪类 :active 生效，只需要给 document 绑定 touchstart 或 touchend 事件
123456789101112
&style&a {&&color: #000;}a:active {&&color: #}&/style&&a herf=foo &bar&/a&&script&&&document.addEventListener('touchstart',function(){},false);&/script&
消除 transition 闪屏
-webkit-transform-style: preserve-3d;/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/-webkit-backface-visibility: hidden;/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/
消除 IE10 里面的那个叉号
input:-ms-clear{display:none;}
来源出处：
关于 iOS 与 OS X 端字体的优化(横竖屏会出现字体加粗不一致等)
iOS 浏览器横屏时会重置字体大小，设置 text-size-adjust 为 none 可以解决 iOS 上的问题，但桌面版 Safari 的字体缩放功能会失效，因此最佳方案是将 text-size-adjust 为 100% 。
-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;
JS 事件相关
click 事件普遍 300ms 的延迟 在手机上绑定 click 事件，会使得操作有 300ms 的延迟，体验并不是很好。 开发者大多数会使用封装的 tap 事件来代替 click 事件，所谓的 tap 事件由 touchstart 事件 + touchmove 判断 + touchend 事件封装组成
iOS 点击会慢 300ms 问题
使用 CSS3 动画的时尽量利用3D加速，从而使得动画变得流畅。动画过程中的动画闪白可以通过 backface-visibility 隐藏。
-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;
IE10 的特殊鼠标事件
不让 Android 手机识别邮箱
&meta content="email=no" name="format-detection" /&
禁止 iOS 识别长串数字为电话
&meta content="telephone=no" name="format-detection" /&
禁止 iOS 弹出各种操作窗口
-webkit-touch-callout:none
禁止用户选中文字
-webkit-user-select:none
动画效果中，使用 translate 比使用定位性能高
获取滚动条
window.scrollYwindow.scrollX
比如要绑定一个 touchmove 的事件，正常的情况下类似这样(来自呼吸二氧化碳)
$('div').on('touchmove', function(){&& //.….code});
而如果中间的 code 需要处理的东西多的话，FPS 就会下降影响程序顺滑度，而如果改成这样
$('div').on('touchmove', function(){&& setTimeout(function(){&&&& //.….code&& },0);});
把代码放在 setTimeout 中，会发现程序变快.
关于 iOS 系统中，WebAPP 启动图片在不同设备上的适应性设置
关于 iOS 系统中，中文输入法输入英文时，字母之间可能会出现一个六分之一空格(焦点科技葛亮)
可以通过正则去掉
this.value = this.value.replace(/\u2006/g, '');
关于 Android WebView中，input 元素输入时出现的怪异情况
Android web视图，例如在 HTC EVO 和三星的 Galaxy Nexus 中，文本输入框在输入时表现的就像占位符。情况为一个类似水印的东西在用户输入区域，一旦用户开始输入便会消失(见图片)。
在 Android 的默认样式下当输入框获得焦点后，若存在一个绝对定位或者fixed的元素，布局会被破坏，其他元素与系统输入字段会发生重叠(如搜索图标将消失为搜索字段)，可以观察到布局与原始输入字段有偏差(见截图)。 这是一个相当复杂的问题，以下简单布局可以重现这个问题:
&label for="phone"&Phone: *&/label&&input type="tel" name="phone" id="phone" minlength="10" maxlength="10" inputmode="latin digits" required="required" /&
-webkit-user-modify: read-write-plaintext-only
详细参考： 注意，该属性会导致中文不能输入词组，只能单个字。感谢鬼哥与飞（游勇飞）贡献此问题与解决方案
JS 动态生成的 select 下拉菜单在 Android2.x 版本的默认浏览器里不起作用
解决方法删除了 overflow-x: 然后在JS生成下来菜单之后 focus 聚焦，这两步操作之后解决了问题。(来自岛都-小Qi)
移动端 HTML5 audio autoplay 失效问题
这个不是 BUG，由于自动播放网页中的音频或视频，会给用户带来一些困扰或者不必要的流量消耗，所以苹果系统和安卓系统通常都会禁止自动播放和使用 JS 的触发播放，必须由用户来触发才可以播放。
解决方法思路：先通过用户 touchstart 触碰，触发播放并暂停（音频开始加载，后面用 JS 再操作就没问题了）。
解决代码：
document.addEventListener('touchstart', function () {&&&&document.getElementsByTagName('audio')[0].play();&&&&document.getElementsByTagName('audio')[0].pause();});
方案出处：
扩展阅读：
移动端 HTML5 input date 不支持 placeholder 问题
input type date 的 placeholder 支持性有一定问题，因为浏览器会针对此类型 input 增加 datepicker 模块，看上去没那么必要支持 placeholder。
对 input type date 使用 placeholder 的目的是为了让用户更准确的输入日期格式，iOS 上会有 datepicker 不会显示 placeholder 文字，但是为了统一表单外观，往往需要显示。Android 部分机型没有 datepicker 也不会显示 placeholder 文字。
简单的进行了测试：
桌面端（Mac）
Safari 不支持 datepicker，placeholder 正常显示。
Firefox 不支持 datepicker，placeholder 正常显示。
Chrome 支持 datepicker，显示 年、月、日 格式，忽略 placeholder。
iPhone5 iOS7 有 datepicker 功能，但是不显示 placeholder。
Andorid 4.0.4 无 datepicker 功能，不显示 placeholder
问题解决方法：
先使其 type 为 text，此时支持 placeholder，当触摸或者聚焦的时候，使用 JS 切换使其触发 datepicker 功能。
&input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')"&&id="date"&
方案出处：
IOS Safari 支持localstorage但是setItem异常（QUOTA_EXCEEDED_ERR:DOM Exception 22）
&&平台：IOS8.1&&browser：Safari600.1.4
问题源自于项目需要在浏览器中遮罩提示,点击关闭状态存储在localstorage中。Safari浏览器关闭后刷新页面层依旧存在
简单的存储状态可以使用cookie的方式替代。
Chrome 地址栏自动隐藏交互行为对于fixed 顶部的元素遮挡
系统：IOS8.1浏览器：Chrome 26.0.1410.53
描述信息：页面包含fixed顶部的tip element，当页面向下滑动的时候Chrome地址栏自动隐藏，当向上滑动的时候地址栏自动出现。这种交互行为本身的好处会增大用户可视、交互区域。但是在Chrome 26这个版本这个浏览器UI布局使用adjustPan的方式，以至于向上滑动以后fixed的元素没有被自动向下移动（没有重绘）。
Android平台遮罩层下的input、select、a等元素可以被点击和focus(点击穿透)
问题发现于三星手机，这个在特定需求下才会有，因此如果没有类似问题的可以不看。首先需求是浮层操作，在三星上被遮罩的元素依然可以获取focus、click、change.
，在查看bug报告list以后，找到了两种解决方案，第一是通过层显示以后加入对应的class名控制，第二是通过将可获取焦点元素加入的disabled属性，也可以利用属性加dom锁定的方式（disabled的一种变换方式）
部分机型存在type为search的input，自带close按钮样式修改方法
有些机型的搜索input控件会自带close按钮（一个伪元素），而通常为了兼容所有浏览器，我们会自己实现一个，此时去掉原生close按钮的方法为
#Search::-webkit-search-cancel-button{&&&&display: none;&&&&}
如果想使用原生close按钮，又想使其符合设计风格，可以对这个伪元素的样式进行修改。
唤起select的option展开
zepto方式:
$(sltElement).trrgger("mousedown");
原生js方式:
function showDropdown(sltElement) {&&&&var event;&&&&event = document.createEvent('MouseEvents');&&&&event.initMouseEvent('mousedown', true, true, window);&&&&sltElement.dispatchEvent(event);};
纸飞机许愿
前端路上，一路有你。编辑你的正能量，快乐工作，努力生活~
请选择弹奏的曲谱
点击开始录制，可以录制弹奏的曲子
分享钢琴节奏：您的位置： >
> 层叠消融加强版 V2.0.1 IOS版
层叠消融加强版
推荐应用：
系统：Android/　　大小：28.9 MB
系统：Android/　　大小：28.9 MB
系统：Android/　　大小：22.33 MB
推荐应用：
游戏类型：
游戏版本：V2.0.1 IOS版
游戏大小：39.1 MB
游戏更新：
游戏语言：简体中文
游戏厂商：暂无
游戏平台：IOS/
V1.1.4 安卓版
V1.1.4 安卓版
V1.0.1 安卓版
V1.0.2 苹果版
大家都在玩
V1.0 安卓版
V1.5 破解版
V1.0.00401 苹果版
V1.0 安卓版
V1.0.0 内购破解版
V2.1.2 安卓版
V1.16 内购破解版
V1.0 安卓版
为您推荐&&&
层叠消融加强版-最强大脑5之燃烧吧大脑！《最强大脑5》第一集挑战项目，现在你也可以来挑战了！多张多边形叠加遵循偶消奇不消原则，按关卡要求组合指定图形即可过关。当前共有300个关卡，基础图形数量从2依次增加到5，难度也依次递增。
层叠消融加强版软件特色
完美复制最强大脑此游戏的精华，让你来一场头脑风暴
不同的关卡，需要你将游戏规则弄清楚以后才能过关哦
你需要将自己的注意力全部都放在黑白区域才行
你需要将黑白区域进行重叠，在重叠的过程中你还需要时刻谨慎着
不同的区域它的消除要求也是不一样的，开启你的脑洞，上吧
你能够将各个关卡逐一击破的前提就是你能闯过当前关卡
40.25 MB | 休闲益智
25.46 MB | 休闲益智
73.6 MB | 休闲益智
137.5 MB | 休闲益智
37.72 MB | 休闲益智
82.67 MB | 休闲益智
游戏排行榜
V1.0.15 安卓版
V1.0 安卓版
V1.0 安卓版
V1.0 安卓版
V1.3.1.50376 安卓版层叠消融下载|层叠消融手机版_最新层叠消融安卓版下载
当前位置： &
编辑点评：该应用需要以下重要权限：蓝牙管理获取手机地理位置软件截图层叠消融下载信息层叠消融简介
最强大脑5开播啦，相信大家对其中的挑战项目《层叠消融》印象颇深，现在你就可以同各大神一样，对该项目发起挑战啦。层叠消融更新日志
1、增加连续按下返回键退出游戏功能2、新300关卡，新增基础图形和难度3、增加提示功能层叠消融短评5 万下载&|&23.17M
下载层叠消融的人还喜欢
你可能是要下载
PP苹果助手：love25ppcom
扫一扫安装PP助手安卓版