Window.close() will work on tabs opened by a script, or by an anchor with target="_blank" (opened in a new tab)Ĭhrome does not allow the window.close() script to be to be run and nothing happens if you try to use it. However, most modern browsers no longer support this script, potentially for security reasons. In the past, the jQuery script window.close() was able to close the current tab without a problem on most browsers. Note: These workarounds were done with a locally hosted site in mind, and (with the exception of Edge) require the browser to be specifically configured, so would not be ideal for publicly hosted sites.
That being said, in most cases, this would suffice.Sorry for necroposting this, but I recently implemented a locally hosted site that had needed the ability to close the current browser tab and found some interesting workarounds that are not well documented anywhere I could find, so took it on myself to do so. Even though we have placed extra measures to ensure accurate results, there is still a possibility that we might miss it. We say probably in the third point because our bottleneck is the client’s hardware performance.
This little trick also reduces the probability that we will miss the browser close event due to the client’s poor hardware performance. Angular Example for beforeunload event handler ) beforeunloadHandler(event): void However, for most of the applications, we need to distinguish between a ‘close’ (tab or window) and a ‘reload’. It is enough if you are looking for just that. This means this event will be triggered whenever the user either reloads the page, closes the tab or the browser window. This event is called whenever the resources are removed/unloaded from the client. JavaScript provides an event handler called beforeunload. If you are using another framework or JavaScript in general, the syntax would vary but the theory remains the same. The examples I will be showing below are using Angular 10. In this article, you will learn a way to detect page reload, tab close and browser close actions effectively and also distinguish between them. I was surprised to find that there is no straightforward way to do so. In JavaScript/TypeScript, however, there is no direct/standard way to identify whether the user has closed a tab and/or the browser window. It could be clearing cookies or sending an API call. Sometimes, you need to do something right before the user closes a tab.
0 kommentar(er)
