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

Question

Quiero tener un control en mi javascript si la carga de la página está en mi máquina local.

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

Por lo tanto, mientras estoy probando, tengo una bandera en mi jquery que valida las cosas que siempre permiten el paso de los datos no válidos. De esta forma veo los errores del lado del cliente y del servidor de una vez.

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

Answer 1

La variable location.hostname le proporciona el host actual. Esto debería ser suficiente para que usted pueda determinar qué entorno se encuentra en

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

Answer 2

Usted puede detectar en una de su código 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 usted quiere hacer desde el script del cliente, puede verificar el valor de window.location.host.

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

Espero que esto ayude.

Answer 3

Las respuestas anteriores sobre todo resolver el problema, pero ...

• ¿Qué pasa si localhost no es necesariamente 'localhost /'?
• ¿Qué sucede si desea realizar la validación de FE durante el desarrollo?
• ¿Qué pasa si usted quiere diversas conductas durante dev
  (validación Fe, sea validación, ninguna validación)

Una solución es establecer el hash ubicación y comprobarlo.

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

Se podría añadir 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; 
} 

Answer 4

Una manera fácil de hacer esto sería sólo comprobar el nombre de host contra localhost o verificar el nombre de dominio personalizado contra una subcadena, en este caso URLs ".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!"); 
} 

Answer 5

si el lanzamiento de hTML estático en el navegador, por ejemplo, de ubicación como file:///C:/Documents and Settings/Administrator/Desktop/ detectando "localhost" no funcionará. location.hostname devolverá cadena vacía. así que

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

Answer 6

Todavía no es todo, pero podría ser una pequeña mejora. Ahora puede crear una matriz de dominios y utilizar .includes

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

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