Como verificar com javascript se a conexão é um host local?

Quero verificar no meu javascript se a página que está sendo carregada está na minha máquina local.

A razão pela qual desejo fazer isso é que, durante o desenvolvimento, gosto de ter certeza de que a validação do lado do servidor (C #) está funcionando corretamente. Então, eu gosto de ver os erros do lado do cliente e do lado do servidor aparecerem.

Então, enquanto estou testando, tenho um sinalizador no meu jquery validate que sempre permite a passagem de dados inválidos. Desta forma, vejo os erros do lado do cliente e do servidor de uma só vez.

No entanto, agora eu tenho que ir e mudar manualmente para frente e para trás ao passar do desenvolvimento para a produção.

A location.hostnamevariável fornece o host atual. Isso deve ser o suficiente para você determinar em que ambiente está.

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

se iniciar html estático no navegador, por exemplo, de um local como file:///C:/Documents and Settings/Administrator/Desktop/detectar "localhost", não funcionará. location.hostnameretornará uma string vazia. tão

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

Ainda não é um problema, mas pode ser uma pequena melhoria. Agora você pode criar uma variedade de domínios e usar .includes

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

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

É assim que ele é verificado no React, registra o service worker , uma boa maneira de verificar se você está no localhost verificando o nome do host, incluindo localhost e IPv6 , e iniciar a correspondência com 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}$/
    )
);

Uma maneira fácil de fazer isso seria apenas verificar o nome do host em relação ao host local ou verificar seu nome de domínio personalizado em uma substring, neste 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!");
}

Forma mais curta usando a mesma mecânica de outros scripts:

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

Este também cobre alguns casos comuns em que os IPs da rede local começam com 10.0.ou 192.168.ou Bonjour como domínio terminando em .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'))
  )
}

Você pode detectar em um de seus códigos por trás das páginas com c #, assim:

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

Ou se quiser fazer isso a partir do script do cliente, você pode verificar o valor de window.location.host.

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

Espero que isto ajude.

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;
}

As respostas acima principalmente resolvem o problema, mas ...

• E se localhost não for necessariamente 'localhost /'?
• E se você quiser fazer a validação FE durante o desenvolvimento?
• E se você quiser comportamentos diferentes durante o desenvolvimento
  (por exemplo , validação, seja validação, sem validação )

Uma solução é definir o hash do local e verificá-lo.

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

Você pode adicionar opções ilimitadas com um 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;
}

A expressão regular é mais lenta *, mas curta e organizada. Além disso, ninguém aqui verifica o localhost IPv6 (:: 1)

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

Ele verifica o localhost geral, o domínio .local e o arquivo: (nome do host vazio).

*) No Chrome, o desempenho de [].includes(...)é o melhor (42 ms), seguido por loop simples (for, while) com verificação de item de array (119 ms), depois [].indexOf(...) > -1(289 ms) e finalmente o regexp (566 ms). Mas essas medidas são de alguma forma relativas, porque navegadores diferentes são otimizados de forma diferente. Em FF 52 ESR includese indexOfcom resultados semelhantes, regexp é 2 × mais lento e o loop 6 × mais lento.

Com base nos comentários acima, a seguinte expressão regular me ajudou a verificar se o url é 'localhost', algum endereço IP IPv4 ou 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)