webapp填坑记

iPhone 软键盘将文档顶了上去

mobileTech
A useful tools or tips list for mobile web application developing
移动端fixed和input获取焦点软键盘弹出影响定位的问题

比如头部有个搜索框,进入当前页面获得焦点后,软键盘就会弹出来,这个时候,搜索框就会被顶上去,不可见,整个页面出现滚动条。搜索了半天在知乎上看到 一条答案:scrollIntoView()去解决,因为软键盘是在获取焦点后出现的,所以所以在一定的时间内不对执行scrollIntoView,

 var header = document.getElementsByClassName("search-topic-header")[0];
 this.interval = setInterval(() => {
     // header.scrollTop = 0;不顶用
     header.scrollIntoView();
 }, 100)             

移动web页面,input获取焦点弹出系统虚拟键盘时,挡住input,求解决方案?

安卓手机返回键不能合理返回

无论安卓手机或者浏览器的返回键,返回的都是上次打开的页面,而页面头部的返回键是用router.push()返回到指定的页面,要想安卓自带的返回键也实现相同的效果,就需要监听手机的返回键,目前好像做不到。下面有个库貌似可以

从网页监听Android设备的返回键

iphone6 ios 8.3 不支持Object.assign

chrome 的remote debugger在安卓上很好用,可是在iOS上用不了,但是可以使用Safari,iOS Remote Debugging,这个还没尝试过,用了一个国人开发的库spy-debugger remote debug非常方便,mac和Windows都支持,发现了如下的错误


项目是babel构建的,babel没有将一些函数装转成ES5,
阮一峰Babel 入门教程
解决办法:
$ npm install --save babel-polyfill
代码头部引入:
`
import 'babel-polyfill';
// 或者
require('babel-polyfill');

ios8.3 不支持flex布局

即使使用了autoprefixer也不支持flex

ios里调用带有搜索按钮的软键盘

刚开始我用<input type="text" /> 外面没有套form标签,采用ajax搜索数据,功能可以实现,但是安卓的键盘显示的是“前往”按钮,iOS的键盘显示的是“换行”按钮,并不是常见的“搜索”按钮,所以参考了怎么设置h5移动端的搜索键盘?这里,这样安卓和iOS的搜索按钮都有了,可是问题来了,点击搜索按钮,URL会更新,页面也就刷新了,这不是我想要的,我要的是ajax请求,想着应该是默认的表单被提交了,那么就要阻止表单的默认提交,我获取数据是通过onkeyup事件,结合vue的写法,

 @submit.prevent.stop="onSubmit"

这样页面就不刷新了

IOS input text readonly 任然能够获取焦点,光标依然存在

ios input 添加 readonly unselectable="on" 属性,光标依旧还在,怎么清除光标

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,755评论 4 61
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 47,064评论 22 665
  • 在某个大城市,有这样一位出租车司机,不是天天马路上找生意,而是靠客户预约过日子(那时还没有滴滴打车),日子过的很好...
    凌风传说阅读 3,757评论 0 0
  • 父亲有正事儿要处理,刚上小学的儿子在一旁很烦。 父亲顺手给儿子扔过去一套世界地图的拼图,让儿子给拼起来。 父亲想,...
    斯麦尔阅读 1,292评论 0 3
  • 你觉得你最宝贵的东西是什么?是青春是财富是时间还是生命?李笑来老师告诉我们,我们最宝贵的其实是我们的注意力。 人在...
    玲夏ling阅读 2,999评论 1 1

友情链接更多精彩内容