Page Lifecycle API All In One

Page Lifecycle API All In One

![svg image](https://img2023.cnblogs.com/blog/740516/202303/740516-20230308231426673-1292653651.svg)

https://img2023.cnblogs.com/blog/740516/202303/740516-20230308231426673-1292653651.svg
https://user-images.githubusercontent.com/7291672/223751954-8ec104f9-8ea0-474f-835e-c8d1c3120bf0.svg

https://developer.chrome.com/blog/page-lifecycle-api/

(🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查看原创文章！

Web API

MDN

addEventListener('pageshow', (event) => { });
onpageshow = (event) => { };

https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event

addEventListener('pagehide', (event) => { });
onpagehide = (event) => { };

https://developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event

addEventListener('DOMContentLoaded', (event) => {});
onDOMContentLoaded = (event) => { };

https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event

addEventListener("load", (event) => {});
onload = (event) => {};

https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event

addEventListener('beforeunload', (event) => { });
onbeforeunload = (event) => { };

https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event

addEventListener('unload', (event) => { });
onunload = (event) => { };

https://developer.mozilla.org/en-US/docs/Web/API/Window/unload_event

潜在 bug 问题❌

https://developer.mozilla.org/en-US/docs/Web/API/Window/unload_event#usage_notes

refs

Beacon API All In One

https://www.cnblogs.com/xgqfrms/p/13220494.html

Page Visibility API All In One

https://www.cnblogs.com/xgqfrms/p/14627063.html

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---