Kebab file names

snippets/is-browser-tab-focused.md

@@ -0,0 +1,19 @@
+---
+title: Check if browser tab is focused
+tags: browser
+cover: overgrown
+firstSeen: 2018-04-15T19:18:44+03:00
+lastUpdated: 2020-10-20T23:02:01+03:00
+---
+
+Checks if the browser tab of the page is focused.
+
+- Use the `Document.hidden` property, introduced by the [Page Visibility API](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API) to check if the browser tab of the page is visible or hidden.
+
+```js
+const isBrowserTabFocused = () => !document.hidden;
+```
+
+```js
+isBrowserTabFocused(); // true
+```