需禁用Chrome原生下拉刷新:先在chrome://flags/#overscroll-history-navigation中将“Overscroll history navigation”设为Disabled并重启;再通过CSS设置body{overscroll-behavior-y:contain}加固防护。

在Chrome桌面版或触控笔记本上,用手指从页面顶部向下拖拽时意外触发原生下拉刷新,导致当前页面重载丢失表单内容或中断操作,需立即阻断该行为。
禁用Chrome原生Pull-to-Refresh(桌面/触控设备)
第一步:打开Chrome地址栏,输入 chrome://flags/#overscroll-history-navigation 并回车。
第二步:在搜索框中输入 overscroll,定位到「Overscroll history navigation」选项。
第三步:将下拉菜单从默认值改为 【Disabled】。这会同时禁用下拉刷新和左右滑动前进/后退——【必须关闭此项,否则仅设CSS无效】。
第四步:点击页面右下角「立即重新启动」按钮,重启浏览器生效。
补充防护:CSS级拦截(防内核兜底触发)
方法一:直接修改网页HTML
在页面 <head> 中插入以下代码:
<style>body { overscroll-behavior-y: contain; }</style>
方法二:注入全局样式(无需改源码)
安装「Stylus」扩展 → 点击其图标 → 「写新样式」→ 选择「对所有网站生效」→ 粘贴:body { overscroll-behavior-y: contain !important; } → 保存。
注意:此CSS仅在 【Overscroll history navigation 已禁用】 前提下起效;若未关flags,部分触控设备仍可能穿透触发。
移动版Chrome(Android)临时规避方案
打开任意网页 → 长按地址栏 → 向上滑动至出现「在桌面版网站上查看」开关 → 点击开启。
该操作强制启用桌面版渲染模式,绕过Android WebView的原生下拉手势识别链路,【对多数PWA和响应式站点即时生效】。
刷新页面即可退出下拉误触状态。


















