Quiero verificar cuando alguien intenta actualizar una página.

Por ejemplo, cuando abro una página no sucede nada, pero cuando actualizo la página, debería mostrar una alerta.

⚠️⚠️⚠️ window.performance.navigation.typeestá en desuso, por favor vea la respuesta de Илья Зеленько

Una mejor manera de saber que la página se vuelve a cargar es usar el objeto de navegador compatible con la mayoría de los navegadores modernos.

Utiliza la API de sincronización de navegación .

//check for Navigation Timing API support
if (window.performance) {
  console.info("window.performance works fine on this browser");
}
console.info(performance.navigation.type);
if (performance.navigation.type == performance.navigation.TYPE_RELOAD) {
  console.info( "This page is reloaded" );
} else {
  console.info( "This page is not reloaded");
}

fuente: https://developer.mozilla.org/en-US/docs/Web/API/Navigation_timing_API

El primer paso es verificar sessionStoragesi hay algún valor predefinido y, si existe, alertar al usuario:

if (sessionStorage.getItem("is_reloaded")) alert('Reloaded!');

El segundo paso es establecer sessionStorageun valor (por ejemplo true):

sessionStorage.setItem("is_reloaded", true);

Los valores de la sesión se mantienen hasta que se cierra la página, por lo que funcionará solo si la página se vuelve a cargar en una nueva pestaña con el sitio. También puede mantener el recuento de recarga de la misma manera.

Nuevo estándar 2018-ahora (PerformanceNavigationTiming)

window.performance.navigationLa propiedad está en desuso en la especificación Nivel de sincronización de navegación 2 Utilice la PerformanceNavigationTiminginterfaz en su lugar.

PerformanceNavigationTiming.type

Esta es una tecnología experimental .

Verifique cuidadosamente la tabla de compatibilidad del navegador antes de usar esto en producción.

Apoyo en 2019-07-08

La propiedad de solo lectura de tipo devuelve una cadena que representa el tipo de navegación. El valor debe ser uno de los siguientes:

• navegar : la navegación comenzó haciendo clic en un enlace, ingresando la URL en la barra de direcciones del navegador, enviando un formulario o inicializando a través de una operación de script que no sea recargar y retroceder como se detalla a continuación.

• reload : la navegación se realiza mediante la operación de recarga del navegador o location.reload().

• back_forward : la navegación se realiza a través de la operación transversal del historial del navegador.

• prerender : la navegación se inicia mediante una sugerencia de prerender .

Esta propiedad es de sólo lectura.

El siguiente ejemplo ilustra el uso de esta propiedad.

function print_nav_timing_data() {
  // Use getEntriesByType() to just get the "navigation" events
  var perfEntries = performance.getEntriesByType("navigation");

  for (var i=0; i < perfEntries.length; i++) {
    console.log("= Navigation entry[" + i + "]");
    var p = perfEntries[i];
    // dom Properties
    console.log("DOM content loaded = " + (p.domContentLoadedEventEnd - p.domContentLoadedEventStart));
    console.log("DOM complete = " + p.domComplete);
    console.log("DOM interactive = " + p.interactive);

    // document load and unload time
    console.log("document load = " + (p.loadEventEnd - p.loadEventStart));
    console.log("document unload = " + (p.unloadEventEnd - p.unloadEventStart));

    // other properties
    console.log("type = " + p.type);
    console.log("redirectCount = " + p.redirectCount);
  }
}

Almacene una cookie la primera vez que alguien visite la página. Al actualizar, verifique si su cookie existe y si es así, alerta.

function checkFirstVisit() {
  if(document.cookie.indexOf('mycookie')==-1) {
    // cookie doesn't exist, create it now
    document.cookie = 'mycookie=1';
  }
  else {
    // not first visit, so alert
    alert('You refreshed!');
  }
}

y en la etiqueta de tu cuerpo:

<body onload="checkFirstVisit()">

Si

event.currentTarget.performance.navigation.type

devoluciones

0 => el usuario acaba de escribir una URL
1 => la página se volvió a cargar
2 => se hizo clic en el botón Atrás.

Encontré alguna información aquí Actualización de la página de detección de Javascript . Su primera recomendación es usar campos ocultos, que tienden a almacenarse a través de actualizaciones de página.

function checkRefresh() {
    if (document.refreshForm.visited.value == "") {
        // This is a fresh page load
        document.refreshForm.visited.value = "1";
        // You may want to add code here special for
        // fresh page loads
    } else {
        // This is a page refresh
        // Insert code here representing what to do on
        // a refresh
    }
}

<html>

<body onLoad="JavaScript:checkRefresh();">
    <form name="refreshForm">
        <input type="hidden" name="visited" value="" />
    </form>

</body>

</html>

He escrito esta función para verificar ambos métodos usando viejo window.performance.navigationy nuevo performance.getEntriesByType("navigation")al mismo tiempo:

function navigationType(){

    var result;
    var p;

    if (window.performance.navigation) {
        result=window.performance.navigation;
        if (result==255){result=4} // 4 is my invention!
    }

    if (window.performance.getEntriesByType("navigation")){
       p=window.performance.getEntriesByType("navigation")[0].type;

       if (p=='navigate'){result=0}
       if (p=='reload'){result=1}
       if (p=='back_forward'){result=2}
       if (p=='prerender'){result=3} //3 is my invention!
    }
    return result;
}

Descripción del resultado:

0: haciendo clic en un enlace, ingresando la URL en la barra de direcciones del navegador, envío de formulario, haciendo clic en el marcador, inicializando a través de una operación de script.

1: haciendo clic en el botón Recargar o usandoLocation.reload()

2: Trabajar con el historial del navegador (Bakc y Forward).

3: actividad previa a la entrega como<link rel="prerender" href="https://stackoverflow.com//example.com/next-page.html">

4: cualquier otro método.

Encontré alguna información aquí Actualizar la página de detección de Javascript

function UnLoadWindow() {
    return 'We strongly recommends NOT closing this window yet.'
}

window.onbeforeunload = UnLoadWindow;

if(sessionStorage.reload) { 
   sessionStorage.reload = true;
   // optionnal
   setTimeout( () => { sessionStorage.setItem('reload', false) }, 2000);
} else {
   sessionStorage.setItem('reload', false);
}