Detectar HTTP ou HTTPS e forçar HTTPS em JavaScript

Existe alguma maneira de detectar HTTP ou HTTPS e forçar o uso de HTTPS com JavaScript?

Eu tenho alguns códigos para detectar o HTTP ou HTTPS, mas não posso forçá-lo a usar https:.

Estou usando a propriedade window.location.protocol para definir o que quer que seja o site e, em https:seguida, atualize a página para recarregar uma nova URL https'ed carregada no navegador.

if (window.location.protocol != "https:") {
   window.location.protocol = "https:";
   window.location.reload();
}

Tente isto

if (location.protocol !== 'https:') {
    location.replace(`https:${location.href.substring(location.protocol.length)}`);
}

location.href = blahadiciona esse redirecionamento ao histórico do navegador. Se o usuário pressionar o botão Voltar, ele será redirecionado novamente para a mesma página. É melhor usar location.replace, pois não adiciona esse redirecionamento ao histórico do navegador.

A configuração location.protocol navega para um novo URL . Não há necessidade de analisar / cortar nada.

if (location.protocol !== "https:") {
  location.protocol = "https:";
}

O Firefox 49 tem um bug onde httpsfunciona, mas https:não funciona . Dito para ser corrigido no Firefox 54 .

Não é uma boa ideia, porque você redireciona temporariamente o usuário para https e o navegador não salva esse redirecionamento.

Você descreve a tarefa para o servidor Web (apache, nginx etc) http 301, http 302

Que tal agora?

if (window.location.protocol !== 'https:') {
    window.location = 'https://' + window.location.hostname + window.location.pathname + window.location.hash;
}

Idealmente, você faria no lado do servidor.

if (location.protocol == 'http:')
  location.href = location.href.replace(/^http:/, 'https:')

Não é uma maneira Javascript de responder a isso, mas se você usa o CloudFlare, pode escrever regras de página que redirecionam o usuário muito mais rapidamente para HTTPS e é gratuito. É assim nas regras da página do CloudFlare:

Você pode fazer:

  <script type="text/javascript">        
        if (window.location.protocol != "https:") {
           window.location.protocol = "https";
        }
    </script>

Maneira funcional

window.location.protocol === 'http:' && (location.href = location.href.replace(/^http:/, 'https:'));

Você deve verificar isso: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Adicione essa metatag ao seu index.html dentro da cabeça

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

Espero que tenha ajudado.

Eu gosto das respostas para esta pergunta. Mas, para ser criativo, gostaria de compartilhar mais uma maneira:

<script>if (document.URL.substring(0,5) == "http:") {
            window.location.replace('https:' + document.URL.substring(5));
        }
</script>

<script type="text/javascript">
        function showProtocall() {

            if (window.location.protocol != "https") {
                window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
                window.location.reload();
            }
        }
        showProtocall();
</script>

Oi eu usei esta solução funciona perfeitamente.Não precisa verificar, basta usar https.

<script language="javascript" type="text/javascript">
document.location="https:" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
</script>

Acabei de testar todas as variações de script do Pui Cdm , incluindo as respostas acima e muitas outras usando php, htaccess, configuração do servidor e Javascript; os resultados são que o script

<script type="text/javascript">        
function showProtocall() {
        if (window.location.protocol != "https") {
            window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
            window.location.reload();
        }
    }
    showProtocall();
</script> 

fornecido por vivek-srivastava funciona melhor e você pode adicionar mais segurança no script java.