page-unload

测试浏览器页面关闭/离开时的事件触发情况。

MacOS Chrome MacOS Safari iPad Safari iOS 12.1.3 Android 9 Chrome Android 8 QQ X5 内核 1.onbeforeunload
2.onpagehide
3.onunload 1.onbeforeunload
2.onpagehide
3.onunload 1.onpagehide
2.onunload 1.onbeforeunload
2.onpagehide
3.onunload 1.onbeforeunload
2.onpagehide
3.onunload 1.onbeforeunload
2.onunload 前进/后退按钮 1.onbeforeunload
2.onpagehide
3.onunload 1.onbeforeunload
2.onpagehide 1.onpagehide 1.onbeforeunload
2.onpagehide
3.onunload 1.onpagehide 1.onbeforeunload
2.onunload

QQ X5 通过链接跳转时，在新页面会错误执行新页面的 onpagehide 和 onunload 事件，因此这两个事件不可靠。不过会正确执行之前页面的onpagehide事件。

QQ X5 前进/后退按钮不会执行 onbeforeunload 和 on unload 事件

IE 6-10 不支持 pagehide 事件。 https://caniuse.com/#feat=page-transition-events

The load and unload events on iOS may not work as expected for back and forward optimization. Use pageshow and pagehide events instead. https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5

Name		Name	Last commit message	Last commit date
Latest commit History 20 Commits
server		server
README.md		README.md
cookies.min.js		cookies.min.js
index.html		index.html
link.html		link.html
test.html		test.html
test.js		test.js
test2.html		test2.html
test2.js		test2.js
test_ajax_async.js		test_ajax_async.js
test_ajax_sync.js		test_ajax_sync.js
test_index.js		test_index.js
test_link.js		test_link.js

Folders and files

Latest commit

History

README.md (adsbygoogle = window.adsbygoogle || []).push({});

test2.js (adsbygoogle = window.adsbygoogle || []).push({});

Repository files navigation

page-unload

README.md

test2.js