Come verificare con javascript se la connessione è un host locale?

Voglio avere un controllo nel mio javascript se la pagina che si sta caricando è sul mio computer locale.

Il motivo per cui voglio farlo è che quando sviluppo mi piace assicurarmi che la convalida lato server (C #) funzioni correttamente. Quindi mi piace vedere gli errori lato client e lato server da mostrare.

Quindi mentre sto testando ho un flag nel mio jquery validate roba che lascia sempre passare i dati non validi. In questo modo vedo il lato client e gli errori del server in una volta sola.

Tuttavia in questo momento devo andare manualmente e cambiare avanti e indietro quando passo dallo sviluppo alla produzione.

La location.hostnamevariabile ti fornisce l'host corrente. Questo dovrebbe essere sufficiente per determinare in quale ambiente ti trovi.

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

se si avvia un html statico nel browser, ad esempio da una posizione come la file:///C:/Documents and Settings/Administrator/Desktop/rilevazione di "localhost", non funzionerà. location.hostnamerestituirà una stringa vuota. così

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

Non è ancora un problema, ma potrebbe essere un piccolo miglioramento. È ora possibile creare un array di domini e utilizzare .includes

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

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

È così che viene controllato in React, registra il lavoratore del servizio , buon modo per verificare se sei su localhost controllando il nome host, inclusi localhost e IPv6 , e la corrispondenza inizia 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}$/
    )
);

Un modo semplice per farlo sarebbe semplicemente controllare il nome host con localhost o controllare il tuo nome di dominio personalizzato con una sottostringa, in questo caso gli URL ".local", come 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 più breve che utilizza la stessa meccanica degli altri script:

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

Questo riguarda anche alcuni casi comuni in cui gli IP della rete locale iniziano con 10.0.o 192.168.o Bonjour come dominio che termina il .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'))
  )
}

È possibile rilevare in uno dei codici dietro le pagine con c #, in questo modo:

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

Oppure, se vuoi farlo dallo script del client, puoi controllare il valore di window.location.host.

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

Spero che questo ti aiuti.

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

Le risposte di cui sopra risolvono principalmente il problema ma ...

• Cosa succede se localhost non è necessariamente "localhost /"?
• E se volessi eseguire la convalida FE durante lo sviluppo?
• Cosa succede se vuoi comportamenti diversi durante lo sviluppo
  ( fe validation, be validation, no validation )

Una soluzione è impostare l'hash della posizione e controllarlo.

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

Puoi aggiungere opzioni illimitate con un interruttore

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

L'espressione regolare è più lenta *, ma breve e precisa. Inoltre, nessuno qui controlla l'host locale IPv6 (:: 1)

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

Controlla l'host locale generale, il dominio .local e il file: (nome host vuoto).

*) In Chrome, le prestazioni di [].includes(...)sono le migliori (42 ms), seguite da loop semplice (for, while) con controllo degli elementi dell'array (119 ms), quindi [].indexOf(...) > -1(289 ms) e infine regexp (566 ms). Ma queste misurazioni sono in qualche modo relative, perché diversi browser sono ottimizzati in modo diverso. In FF 52 ESR includese indexOfhanno risultati simili, regexp è 2 volte più lento e loop 6 volte più lento.

Sulla base dei commenti precedenti, la seguente espressione regolare mi ha aiutato a verificare se l'URL è "localhost", qualsiasi indirizzo 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)