Início / computer / Perguntas / 1787865
Accepted
Dave Jarvis
Asked: 2023-06-08 01:15:09 +0800 CST

Desative a detecção de tipo de conteúdo para tipos CSS no Firefox

  • 772

Fundo

Quando conectado à rede corporativa, certas regras de firewall estão alterando o tipo de conteúdo dos arquivos CSS de text/csspara text/html.

Problema

Alterar o tipo de mídia de arquivos CSS para HTML quebra certos sites, incluindo superuser.com, stackoverflow.com e toda a rede StackExchange. O depurador mostra:

A folha de estilo https://server/auD?origurl=https... não foi carregada porque seu tipo MIME, “text/html”, não é “text/css”.

Sem CSS, esses sites são inutilizáveis. Consertar o firewall não é uma opção (a empresa não vai relaxar a regra).

captura de tela do stackexchange

Soluções alternativas

  • Desconectar da rede corporativa resolve o problema, mas é demorado conectar/desconectar várias vezes ao dia.

  • O Chromium no Linux funciona bem (ou seja, parece ignorar incompatibilidades de tipo de conteúdo/tipo de mídia), mas tenho personalizações do Firefox que tornam essa opção desagradável.

  • Carregar os sites no Firefox quando não estiver conectado à rede corporativa adicionará os arquivos ao cache para que o Firefox não os recupere ao se reconectar à rede corporativa. Esta é uma boa solução temporária, mas inevitavelmente o cache expira, forçando outra desconexão para atualizar o cache.

Pergunta

Como você instrui o Firefox a aceitar arquivos CSS com um tipo de conteúdo HTML?

firefox

3 respostas

  1. Best Answer

    O complemento simple-modify-headers ( repo ) oferece cobertura para você:

    A extensão reescreve os cabeçalhos com base em uma tabela de regras.

    Convenientemente, também fornece importação e exportação de regras. Altere o tipo de conteúdo dos arquivos CSS para text/csso seguinte:

    1. Crie um novo arquivo chamado fix-css.conf(deve ter .confextensão) com o seguinte conteúdo:

      {
  "format_version": "1.2",
  "target_page": "*://*/*css*",
  "headers": [
    {
      "url_contains": "",
      "action": "modify",
      "header_name": "Content-Type",
      "header_value": "text/css",
      "comment": "fix css",
      "apply_on": "res",
      "status": "on"
    }
  ],
  "debug_mode": false,
  "show_comments": true,
  "use_url_contains": false
}

    2. Abra a interface de usuário do complemento por meio do botão da barra de ferramentas Modificar cabeçalhos simples > Configurar

    3. Clique no ⇲ Importbotão.

    4. Selecione o .confarquivo na caixa de diálogo de arquivo.

    5. Confirme se isso irá apagar o aviso de configuração real

    6. Clique no STARTbotão no canto superior direito para ativar a modificação.

    configuração simple-modify-headers para corrigir CSS

    Re: Configuração interna do Firefox

    Não há configuração em about:config, o CSS Content-Type deve ser text/css, desconhecido ou vazio (ou no modo quirks o arquivo vem da mesma origem):

    No modo padrão, uma folha de estilo deve ter um desses tipos MIME para ser processada. No modo quirks, aceitamos qualquer tipo MIME, mas apenas se a folha de estilo for da mesma origem do documento solicitante ou da folha pai. Veja bug 524223 .

    • 1

  2. Você também pode usar um bookmarklet para incorporar os arquivos CSS referenciados de uma página como <style>tags no documento. Isso requer um clique por carregamento de página, mas nenhum software adicional.

    Pré-requisito: certifique-se de que a barra de ferramentas de favoritos seja exibida

    1. Clique com o botão direito do mouse em algum espaço livre além da barra de URL

    2. Passe o mouse sobre a barra de favoritos

    3. Clique em Sempre mostrar se ainda não estiver marcado. A barra de ferramentas aparecerá abaixo da barra de URL.

    Criar o bookmarklet
    1. Clique com o botão direito do mouse na barra de ferramentas de favoritos
    2. Clique em Adicionar marcador...
    3. Digite um nome como CSS Inline no campo Nome
    4. Cole o seguinte no campo URL : 
      javascript: (async function () {
  function appendCSS(css) {
    const style = document.createElement("style");
    style.innerText = css;
    document.head.appendChild(style);
  }

  for(const link of document.querySelectorAll('link[rel="stylesheet"][href]')){
    appendCSS(await (await fetch(link.href)).text());
  }
})();
    5. Clique no bookmarklet recém-criado (um bookmark contendo código JavaScript que será executado ao clicar)

    A página deve ter uma aparência melhor imediatamente. Observe que não há tratamento de erros; portanto, se nada mudar, abra as Ferramentas do desenvolvedor para ver possíveis erros.

    • 1

  3. Se o tipo MIME for especificado por meio de Content-Typeembutido no HTML, você pode alterá-lo usando Greasemonkey/Tampermonkey.

    Mas se for relatado pelo servidor quando o navegador fizer o GET do arquivo CSS, você deverá interceptar a resposta à solicitação GET e modificá-la antes que ela chegue ao navegador. Isso exigiria um proxy entre o navegador e a internet que pode ser programado para fazer isso.

    Uma pesquisa rápida encontrou requestly.io cujo plano gratuito pode ser suficiente para tais modificações, ou outra de suas alternativas , como o gratuito Fiddler .

    • 0

relate perguntas