generator-wpd
generator-wpd copied to clipboard
hite
quick start up for WPD to build modern webapp
答案是：Android下不支持，只有apple和ms下支持。 touchstart touchmove touchend gesturestart gesturemove gestureend Android y y y n n n iPhone y y y y y y has event.touches y y y n n n (iPhone)...
## 问题场景 页面宽度大于屏幕宽时，设定viewport，浏览器（mobile Safari & chrome）会将页面缩小显示，但是会强制将font-size放大 ## 解决办法 设定-webkit-text-adjust-size:100%（移动端暂未发现有副作用） ## 解析-webkit-text-adjust-size 始于移动端使用，后在PC端被滥用，现PC端webkit新版本已经不支持，不推荐使用； 另 -webkit-text-size-adjust需要设置成100%（仅移动端支持，不会影响PC端样式），不能设置成none（避免仍然支持此属性值的pc端页面放大缩小时无法改变字体） ## 参考： 1. [Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently...
机型： iPhone4s 系统：iOS7 场景：手机屏幕较小，软键盘弹出时无法将页面往上滚动从而遮住了输入框，导致输入框无法focus & 无法输入内容 猜测原因：iOS7系统bug + 整个页面做成内滚动（非默认在body上） 暂时处理办法： 在meta标签中加入height=device-height & 加入以下代码可解决问题 $(window).load(function(){ $('input').focusout(function(e) {window.scrollTo(0, 0)}); }) 参考：http://forum.ionicframework.com/t/scroll-to-the-focused-item-input-when-the-keyboard-is-up/422/3 稍后补充截图 ps:貌似部分安卓机上也会出现，还未测试
下面这个例子是说在touchmove事件里执行，移动被touch的元素blue piece，同时打印出目前blue piece的位置。 ``` Objective-C self.position.text = [NSString stringWithFormat:@"%f", self.bluepiece.center.x]; [self dispatchMoveBluePieceEvent:[touch view] toPosition:[touch locationInView:self.view]]; ``` 正如例子中所述；在循环执行移动的时候会打印出来当前的位置。但是 现在的情况是 这个拖动会颤抖而且表现为不能拖动 原因不明：应该是执行移动操作之后，接着获取这个位置导致，类似 对位置的set操作会被放到事件序列里，和get操作形成 deadlock。
在Android2.3下，内置浏览器以及webview的页面，fixed position是不支持的； 解决方式： ``` css -webkit-backface-visibility: hidden; ``` via [ Easy CSS fix for fixed positioning on Android 2.2 and 2.3 ](http://benfrain.com/easy-css-fix-fixed-positioning-android-2-2-2-3/) 特别的， ``` Updates Jelmer Borst has tested a...
ie6下，如果触发了背景图片的二次更新，则在浏览器中看到的是图片的不停的下载，闪烁 触发条件： 即IE的cache设置为Every visit to the page，而不是默认的Automatically 解决： ``` javascript ``` [via](http://www.cnblogs.com/sniper007/archive/2012/05/18/2508121.html)
问题描述；在安卓端页面如果给一个div使用overflow:auto,并设定一个固定高度，里面可以滚动的内容会发生事件穿透，点击其他区域，都会触发点击div里面的内容. rain css的select控件在弹出的选择列表里面的列表会在点击ok，cancel的时候被点击到，如图:  解决这个问题的方法是在按钮的外层div上加入一个不可见的div来挡住事件的穿透: css: ``` css .touchWrap{margin:0;padding:0;border:none;background:rgba(255,255,255,0.01); -webkit-tap-highlight-color:rgba(0,0,0,0);top:0px;left:0px;z-index:-1;} ``` js: ``` javascript buttonsWrap.append(''); ``` via [raincss](http://www.webdevelopmentmachine.com/blog/%E5%AE%89%E5%8D%93%E6%B5%8F%E8%A7%88%E5%99%A8%E9%A1%B5%E9%9D%A2%E4%BA%8B%E4%BB%B6%E7%A9%BF%E9%80%8F%E9%97%AE%E9%A2%98%E5%A4%84%E7%90%86_android-browser-event-cross-issue/) [另外的描述](http://www.chawenti.com/articles/10570.html) WebApp事件穿透效应：在WebApp中，在页面转场或硬切换或弹框等界面变化的处理中，把初始界面触发界面变化事件的元素btnA相对屏幕的位置标为screenPoint，而切换的目标界面在screenPoint位置也存在一个元素btnB并绑定了事件处理，在一定情况下，当btnA被触发时，btnB也会被触发。这里将这种现象成为事件穿透效应。 说明： 1、第一位置——初始界面触发界面变化事件的元素btnA 2、第二位置——目标界面元素btnB 测试结果： 1、第一位置为touchstart/touchend事件，第二位置为touchstart/touchend事件，未触发透传 2、第一位置为touchstart/touchend事件，第二位置为click事件，触发透传 3、第一位置为touchstart/touchend事件，第二位置为Input元素，触发透传 4、第一位置为click事件，第二位置为touchstart/touchend事件，未触发透传 5、第一位置为click事件，第二位置为click事件，未触发透传 结论：...
在webview情况下， Android 4.x 输入框内容为空的时候，backspace event 不触发，包括keypress,keydown,keyup事件。