浏览器左上角那个左箭头,快捷键是 Alt 加左方向键。不少人还习惯按 Backspace,结果在新版 Chrome 里什么也不发生,这个键早就取消回退了。

返回上一页这动作看着简单,落到不同场景里方法不一样,下面按电脑、手机、代码分开说。

电脑上的几种回退方式

  • Alt 加左方向键:Chrome、Edge、Firefox 通用。
  • 鼠标侧键:多数鼠标的拇指键默认就是后退和前进。
  • 长按后退按钮:会列出最近几页,能直接跳过去。
  • 触控板双指左右滑:Mac 和 Windows 精密触控板都支持。

Backspace 这条老习惯在主流浏览器里基本都失效了,别再指望它。IE 时代那套右键后退,现在也基本找不到了。

手机和微信里的返回

安卓三键导航按返回键,全面屏手势从屏幕左右边缘往里滑;iPhone 从屏幕左边缘右滑。微信内置浏览器左上角有个返回箭头,退出公众号文章会回到聊天窗口。有些 H5 页面自己画了返回按钮,点了没反应,多半是脚本写错,或者被遮罩层挡住了点击。

网页里的返回按钮怎么写

最省事的是 history.back(),等价于 history.go(-1);要退两页就 history.go(-2)。这种方法依赖浏览历史,用户从书签直接点进来,按了没反应;地址栏手输网址进来的,历史里只有一条,退无可退。稳妥的写法是先判断 document.referrer,为空就跳首页。另一个坑是表单页,填完表单点返回,浏览器弹「确认重新提交表单」,这是 POST 缓存的正常提示,不是页面坏了。提交后重定向到 GET 结果页,就能避开。

退回来数据还是旧的

价格、库存没刷新,是往返缓存 bfcache 在起作用,页面从内存直接恢复,没重新请求。按 F5 能强制刷新,做页面的话监听 pageshow 事件,看 persisted 属性判断是不是从缓存里回来的。这类缓存对用户体验是好事,做后台管理页面时反而容易被当成 bug。

日常用记住 Alt 加左方向键和鼠标侧键就够了;写页面别只挂一个 history.back,加个 referrer 判断,能少一半投诉。