¿Cómo verificar con javascript si la conexión es un host local?

Quiero tener una verificación en mi javascript si la página que se carga está en mi máquina local.

La razón por la que quiero hacer eso es que cuando desarrollo me gusta asegurarme de que tanto la validación del lado del servidor (C #) esté funcionando correctamente. Así que me gusta ver que aparecen los errores del lado del cliente y del lado del servidor.

Entonces, mientras estoy probando, tengo una bandera en mi jquery validate que siempre deja pasar datos no válidos. De esta manera veo los errores del lado del cliente y del servidor de una sola vez.

Sin embargo, ahora tengo que ir y cambiar manualmente de un lado a otro al pasar del desarrollo a la producción.

La location.hostnamevariable le da el host actual. Eso debería ser suficiente para que pueda determinar en qué entorno se encuentra.

if (location.hostname === "localhost" || location.hostname === "127.0.0.1")
    alert("It's a local server!");

si inicia html estático en el navegador, por ejemplo, desde una ubicación como la file:///C:/Documents and Settings/Administrator/Desktop/detección de "localhost" no funcionará. location.hostnamedevolverá una cadena vacía. entonces

if (location.hostname === "localhost" || location.hostname === "127.0.0.1" || location.hostname === "")
    alert("It's a local server!");

Todavía no es una trampa para todos, pero podría ser una pequeña mejora. Ahora puede crear una matriz de dominios y usar .includes

const LOCAL_DOMAINS = ["localhost", "127.0.0.1", ...];

if (LOCAL_DOMAINS.includes(window.location.hostname))
  alert("It's a local server!");

Así es como se verifica en React, registrar service worker , una buena manera de verificar si está en localhost al verificar el nombre de host, incluidos localhost e IPv6 , y comenzar con 127 :

const isLocalhost = Boolean(
    window.location.hostname === 'localhost' ||
    // [::1] is the IPv6 localhost address.
    window.location.hostname === '[::1]' ||
    // 127.0.0.1/8 is considered localhost for IPv4.
    window.location.hostname.match(
        /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
    )
);

Una manera fácil de hacer esto sería simplemente comparar el nombre de host con el localhost o comparar su nombre de dominio personalizado con una subcadena, en este caso, URL ".local", como http: //testsite.local

var myUrlPattern = '.local';
if (window.location.hostname === "localhost" || location.hostname === "127.0.0.1" || window.location.hostname.indexOf(myUrlPattern) >= 0) {
    alert("It's a local server!");
}

Forma más corta usando la misma mecánica que otros scripts:

if ( ["localhost", "127.0.0.1", ""].includes(window.location.hostname) ) {
     console.log("It's local host !");
}

Este también cubre algunos casos comunes en los que las IP de la red local comienzan con 10.0.o 192.168.o Bonjour como dominio que termina en .local:

export function isLocalNetwork(hostname = window.location.hostname) {
  return (
    (['localhost', '127.0.0.1', '', '::1'].includes(hostname))
    || (hostname.startsWith('192.168.'))
    || (hostname.startsWith('10.0.'))
    || (hostname.endsWith('.local'))
  )
}

Podría detectar en uno de sus códigos detrás de las páginas con c #, así:

if ((Request.Url.Host.ToLower() == "localhost"))
{
    // ..., maybe set an asp:Literal value that's in the js
}

O si desea hacerlo desde el script del cliente, puede verificar el valor de window.location.host.

if (window.location.host == "localhost")
{
    // Do whatever
}

Espero que esto ayude.

const LOCAL_DOMAINS = [ "localhost", "127.0.0.1" ];

/* offline || development */
if ( LOCAL_DOMAINS.includes(location.hostname) )
{
    BASE_URL_PUBLIC = location.hostname + "/folder/website/"; // your project folder
}

/* online || production */
else
{
    BASE_URL_PUBLIC = location.hostname;
}

Las respuestas anteriores resuelven principalmente el problema, pero ...

• ¿Qué pasa si localhost no es necesariamente 'localhost /'?
• ¿Qué sucede si desea realizar la validación de EF durante el desarrollo?
• ¿Qué sucede si desea diferentes comportamientos durante el desarrollo
  ( validación fe, validación, no validación )

Una solución es configurar el hash de ubicación y verificarlo.

http://myname.foo.com/form.html#devValidation

Puede agregar opciones ilimitadas con un interruptor

switch(location.hash) {}
    case '#devValidation':
        // log the results and post the form
        break;
    case '#beValidation':
        // skip front end validation entirely
        break;
    case '#noValidation':
        // skip all validation $('[name=validationType']).val('novalidation');
        break;
    case '#feValidation':
    default:
        // do fe validation
        break;
}

La expresión regular es más lenta *, pero corta y ordenada. Además, nadie aquí verifica IPv6 localhost (:: 1)

/localhost|127\.0\.0\.1|::1|\.local|^$/i.test(location.hostname)

Comprueba el host local general, el dominio .local y el archivo: (nombre de host vacío).

*) En Chrome, el rendimiento de [].includes(...)es el mejor (42 ms), seguido de un bucle simple (for, while) con verificación de elementos de matriz (119 ms), luego [].indexOf(...) > -1(289 ms) y finalmente la expresión regular (566 ms). Pero esas medidas son de alguna manera relativas, porque los diferentes navegadores se optimizan de manera diferente. En FF 52 ESR includesy indexOftienen resultados similares, la expresión regular es 2 × más lenta y el bucle 6 × más lento.

Según los comentarios anteriores, la siguiente expresión regular me ha ayudado a verificar si la URL es 'localhost', cualquier dirección IP IPv4 o IPv6.

window.location.hostname.match(/localhost|[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}|::1|\.local|^$/gi)