禁用支持触摸手势设备的chrome浏览器的前进后退功能
- 纯js方式阻止网页历史记录前进后退功能
<script >
//禁用页面前进后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
</script>
这种js方法,是完全禁止了浏览器的前进后退功能,双指左右滑动不能前进后退,点击操作栏里的前进后退也不能跳转到前一页和后一页,
但是,双指左右滑动的时候,还是会出现前进后退的标示,
- 配置浏览器,禁用双指左右滑动的前进后退功能
windows设置
在Chrome地址栏中输入:chrome://flags/#overscroll-history-navigation
会定位到滚动历史记录导航选项,将该选项的设置改成"Disabled"(已停用)
就可以禁用手指拖拽到上一页/下一页。
mac设置
命令行输入以下命令,然后重启chrome就可以了
defaults write com.google.Chrome AppleEnableSwipeNavigateWithScrolls -bool false