1. iOS input textarea背景总是有阴影
除了background-color,border,outline,box-shadow等重置; 需要设置backgound-image,apperance都为none才能消除
2. iOS safari sougou uc等浏览器 fixed元素在body滚动时被遮挡
html,body,网页内容wrap元素 min-height:100%;height:auto;希望网页内容超出一屏后能自动滚动,此时还有一个固定在底部的footer position:fixed。 设置了html,body overflow:visible会使得footer遮挡,需要设置为overflow:auto;
3. ie78中无论代码执行与否,代码中包含了with等关键字会报错中断js正常执行。
需要去除此类关键字的错误使用(本人是因为有个width写成了with,因为那是针对手机的代码,所以很久才检查出来是这个原因) IE还有很多奇怪的行为,比如某个标签未正常闭合、代码里面有中文变量等,都会导致网页异常
4. Android 5.1系统操作了textarea的value后,textarea里的内容无法滚动了
暂时无解
5. iOS 输入框(fix定位)键盘遮挡,微信、QQ、webview里,使用window.scrollTo(0,1000)后,输入框元素消失了(其他元素正常)
部分浏览器不能使用window.scrollTo,部分浏览器可以使用body.scrollTo来解决,但是这两个方法可能造成以上问题,所以可以检测innerHeight在获取焦点后的变更差、输入框距离屏幕顶部的距离差,body滚动差,以及以上3个值在整个过程中的最大最小值,去微调输入框的位置。
6. firefox iframe+js对象设置contenteditable=true,隐藏后重新显示会变得无法输入
需要将属性添加到DOM标签上才能避免以上问题
7. 移动端 input type=file 选择文件时,页面会进入休眠状态,休眠网页上的网络连接,选择文件返回,有时页面会触发onbeforeunload事件。
此时onbeforeunload并不代表页面要离开了
8. iOS input type=file 选择文件时,页面会进入休眠状态,休眠网页上的网络连接,websocket会进入idle状态,js也已经停止,选择文件返回时,js被激活,拿到的websocket连接的状态是错误的,发送消息的错误信息也跟普通断网不同
需要额外处理。
9. firefox 网页上有调用QQ等插件的代码时,调用启动QQ时,页面会触发onbeforeunload事件
此时onbeforeunload并不代表页面要离开了