如何禁止手机浏览器、微信浏览器的上下左右滑动问题

2017-07-10 09:33:30

第一种方法,禁止touch默认行为

这样禁止全局的touch事件的默认行为,会导致很多问题的,比如说无法点击元素或者无法滑动之类的。


第二种方法,添加meta信息

<meta name="x5-fullscreen" content="true">
<meta name="full-screen" content="yes">

加上这两个meta放在head里,可以让微信,qq,uc浏览器使用全屏模式,全屏模式里,浏览器是不会上下左右滑动出现背景的。

  • 2020-11-12 14:01:46

    使用postMessage来实现父子通信跨域

    1.子向父,子postMessage,父监听message; 2.父向子,父postMessage,子监听message; 3.测试发现,子向父postMessage的时候,源可以写为‘*’,父向子postMessage的时候,源需要写成子的源,(也就是子页面的协议+主机号+端口) 测试代码部分:

  • 2020-11-12 14:24:39

    Object.entries()

    Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)