Prevent Chrome from automatically restoring the previous browsing session

Question

Prevent Chrome from automatically restoring the previous browsing session

Is there a way to prevent Chrome from restoring the session when reopening a closed page? Possibly using a special header?

My company app relies heavily on user state, and I need to log employees out and delete all relevant data if they are inactive for 60 minutes. The issue is that Chrome automatically reopens the page exactly where it was left off, making it difficult for my website to detect the inactivity. The setTimeout function won't trigger until another 50 minutes pass.

I've considered some unconventional solutions but would prefer a method to instruct Chrome not to restore old sessions and instead treat each opening as a fresh start. Perhaps disabling caching through JavaScript could work?

Edit: I am serving the Angular 9 static HTML and JavaScript using IIS.

javascript google-chrome iis

Answer 1

Answer №1

It seems like you are utilizing a static website with no backend functionality. While the specifics were not mentioned, it is assumed that either sessionStorage or localStorage is being used for authentication purposes. To manage idle time, a timer can be implemented upon user login and a localStorage can track the duration of inactivity.

let current_date = new Date();
let milliseconds = current_date.getTime(); // Retrieves milliseconds since 1970/01/01
localStorage.setItem("idle_time", milliseconds);

To constantly monitor if the session has expired, periodically run this function using something akin to setInterval() at intervals such as every 10, 20, 30, or 60 seconds based on your preference.

function check_if_session_expired() {
  let max_idle_minutes = 60;
  let current_milliseconds = current_date.getTime();
  let stored_idle_time = localStorage.getItem("idle_time");
  let minutes_to_milliseconds = 1000 * 60;
  if ((Math.round(current_milliseconds / minutes_to_milliseconds) - Math.round(stored_idle_time / minutes_to_milliseconds)) >= max_idle_minutes) {

    console.log("expired");
    // Perform logout actions and clear sessionStorage/localStorage if desired.
  } else {
    localStorage.setItem("idle_time", current_milliseconds);
  }
}

Cookies can serve the same purpose effectively.

Answer 2

It seems like you are utilizing a static website with no backend functionality. While the specifics were not mentioned, it is assumed that either sessionStorage or localStorage is being used for authentication purposes. To manage idle time, a timer can be implemented upon user login and a localStorage can track the duration of inactivity.

let current_date = new Date();
let milliseconds = current_date.getTime(); // Retrieves milliseconds since 1970/01/01
localStorage.setItem("idle_time", milliseconds);

To constantly monitor if the session has expired, periodically run this function using something akin to setInterval() at intervals such as every 10, 20, 30, or 60 seconds based on your preference.

function check_if_session_expired() {
  let max_idle_minutes = 60;
  let current_milliseconds = current_date.getTime();
  let stored_idle_time = localStorage.getItem("idle_time");
  let minutes_to_milliseconds = 1000 * 60;
  if ((Math.round(current_milliseconds / minutes_to_milliseconds) - Math.round(stored_idle_time / minutes_to_milliseconds)) >= max_idle_minutes) {

    console.log("expired");
    // Perform logout actions and clear sessionStorage/localStorage if desired.
  } else {
    localStorage.setItem("idle_time", current_milliseconds);
  }
}

Cookies can serve the same purpose effectively.

Answer 3

Answer №2

If you're looking to remove the session from the server side, take a look at this PHP code snippet below. Feel free to customize it according to your needs and requirements.

<?php

session_start();

//Expire the session if user is inactive for 60 minutes or more.
$expireAfter = 60;

//Set the current timestamp as the user's latest activity
$_SESSION['last_action'] = time();

//Check if the "last action" session variable has been set
if(isset($_SESSION['last_action'])){

    //Calculate the seconds since the user was last active
    $secondsInactive = time() - $_SESSION['last_action'];

    //Convert minutes to seconds
    $expireAfterSeconds = $expireAfter * 60;

    //Check if the user has been inactive for too long
    if($secondsInactive >= $expireAfterSeconds){
        //Destroy the user's session if inactive
        session_destroy();
        unset($_SESSION);
        header("Location: http://".$_SERVER['SERVER_NAME'].":".$_SERVER['SERVER_PORT']."/example/login.php");
        exit;
    }

}

This is just a basic implementation that can be customized further to suit your specific requirements.

Answer 4

If you're looking to remove the session from the server side, take a look at this PHP code snippet below. Feel free to customize it according to your needs and requirements.

<?php

session_start();

//Expire the session if user is inactive for 60 minutes or more.
$expireAfter = 60;

//Set the current timestamp as the user's latest activity
$_SESSION['last_action'] = time();

//Check if the "last action" session variable has been set
if(isset($_SESSION['last_action'])){

    //Calculate the seconds since the user was last active
    $secondsInactive = time() - $_SESSION['last_action'];

    //Convert minutes to seconds
    $expireAfterSeconds = $expireAfter * 60;

    //Check if the user has been inactive for too long
    if($secondsInactive >= $expireAfterSeconds){
        //Destroy the user's session if inactive
        session_destroy();
        unset($_SESSION);
        header("Location: http://".$_SERVER['SERVER_NAME'].":".$_SERVER['SERVER_PORT']."/example/login.php");
        exit;
    }

}

This is just a basic implementation that can be customized further to suit your specific requirements.

Prevent Chrome from automatically restoring the previous browsing session

Answer №1

Answer №2

Similar questions

Tips for finding the displayRows paragraph within the MUI table pagination, nestled between the preceding and succeeding page buttons

Using Ajax to send data to a PHP script

Error with infiniteCarousel in Internet Explorer versions 7 and 8 when using jQuery

Tips for fixing Unexpected Token Error in a nextJS project

The connection between two arrays remains intact even after using the .push() method in JavaScript or Vue.js

What is the best way to store and present data dynamically in D3.js?

Utilizing AJAX in Wordpress to Dynamically Update HREF Links

What is the best approach to building this using Angular?

Is it possible to remove a particular div after clicking the delete button, especially if multiple divs are displayed upon clicking the add

Searching the JSON file by its value using Waterline

Is there a method to retrieve the bounds (northeast and southwest) of the map display when there is a change in the bounds, center, or view area?

Enhancing the efficiency of a TypeScript-written file content parsing class

Learn the process of extracting a particular value from JSON data and displaying it in HTML by utilizing AngularJS's ng-repeat directive

Orchard's TinyMce now supports a drop event with jQuery integration

Drupal - How can I update a view after users rate with the Fivestar module?

My backend axios post request is not returning any data to my external API. What could be the issue?

No data returned from Ajax GET request

Incorporating React into a non-React website

Generate various 2-dimensional arrays of objects in JavaScript, with each object sharing identical properties

Tips for adjusting the search bar's position on a mobile device when it is activated by the user