记一次移动端iframe嵌入导致的问题

之前接一个需求,是接入某国企扣费然后使用公司的业务。然后付费回调竟然是前端来做😂在项目的订购页面嵌入某国企的iframe,然后iframe页面定位遮在页面顶层,在iframe中输入验证码等操作,父页面通过 postmessage 与iframe来获取支付状态。ios端出现问题,浏览器默认在input聚焦的时候会将页面上推,将输入框展示在视口中心。然后问题来了。。。问题iframe中的input验证码聚焦将页面上推,点击获取验证码后iframe位置还原,然后iframe点击输入验证码竟然像是点到了下面的取消按钮,iframe关闭。。。然后发现整个页面还是保持上推的状态。原因猜想原因是因为iframe中input失焦并未将页面位置还原,然后浏览器计算事件的点击热区以页面上移的位置来计算, ...

window超好用的终端配置

什么是WSL Windows Subsystem for Linux(简称WSL)是一个为在Windows 10上能够原生运行Linux二进制可执行文件(ELF格式)的兼容层。 说白了,意思就是,Windows10里可以用Linux的终端了 如果你是mac用户,可以跳过前两步,直接执行第三步操作 在vscode中的效果: (一)安装Ubuntu子系统 开启windows子系统功能 ...

Vimium(抛弃触摸板&&鼠标使用chrome)

Chrome 原生自带大量快捷键,Vimium 在原生的基础上又增加了大量网页操作。结合两者,你完全能摆脱鼠标。快捷键区分大小写(比如小写状态 shift + a = A)插件地址如下gif,完全使用键盘操作:从历史记录找到对应页面(o)->打开页面中某个链接(f)-& ...

VSCode快捷键(二)

以下为译文:并不是每一个开发者都有足够的时间,去了解熟悉所有的快捷键,来帮助我们提高编码效率。因为快捷键实在是太多了。所以,下面我列出了我最喜欢的快捷键。1、多行转一行在 MAC 上:Ctrl + J在 Ubuntu/Windows 上:通过File> Preferences > ...