Perguntas[browser](computer)

Há este artigo do Quartz sobre como as fontes chinesas são feitas com esta afirmação curiosa:

Isso tem sido possível há vários anos, mas o chinês sempre apresentou um problema específico: com tantos glifos, as fontes exigem downloads enormes para usuários que nunca visitaram o site antes, sobrecarregando a largura de banda tanto para o usuário quanto para o provedor. (Uma fonte chinesa pode ter até 6 ou 7 megabytes para um único estilo e peso. Compare isso com a PT Serif – a fonte corporal do Quartz, que cobre mais de 100 idiomas latinos – que tem apenas 1,4 megabytes para quatro estilos.) Agora, provedores chineses de fontes da web escaneie de forma inteligente o texto de uma página da Web para identificar quais glifos são necessários e envie apenas esses ao usuário, em vez de todos os mais de 13.000.

É possível que um site sirva apenas parte de uma fonte para renderizar texto? Como os navegadores baixam essas fontes incompletas? E isso está relacionado ao subconjunto de fontes com unicode-range?

Estou tentando salvar uma página do Reddit para visualização OFFLINE como um único arquivo HTML, EXATAMENTE como é exibido no navegador e depois de já ter expandido manualmente alguns tópicos de comentários. Este problema é um subconjunto da questão geral de como salvar todo o DOM da web em seu estado atual, preservando os efeitos e o layout CSS. Por exemplo, aqui estão uma infinidade de postagens na plataforma Stack Exchange que fazem esta pergunta geral:

• Como posso despejar todo o Web DOM em seu estado atual no Chrome?
• É possível despejar o DOM com JavaScript e preservar os efeitos e o layout CSS?
• Como salvar uma página da web em seu estado atual com imagens no Chrome?
• Salve a página da web atual em um único formato de arquivo HTML
• Posso capturar e salvar o estado atual de uma página da web usando javascript?
• Como mostrar/salvar o HTML incluindo imagens conforme mostrado atualmente pelo navegador da web?
• Como obter uma cópia local perfeita de uma página da web?
• Como salvar um aplicativo da web em HTML estático?
• Salvar site contendo javascript depois de interpretado
• Como faço para salvar uma página da Web sem recarregar ou executar novamente o JS?
• Como faço o download completo de uma página da web, preservando sua funcionalidade? [duplicado]

Quase todas as respostas são de uma das seguintes formas:

• Clique com o botão direito e selecione Save as...e salve como Web Page, Complete (*.htm;*.html)ou Web page, Single File (*.mhtml).

• Abra o Chrome DevTools e copie todo o HTML ( Copy outerHTML) da Elementsguia.

• Você nunca será capaz de salvar um arquivo que se pareça exatamente com a versão ativa do site porque muitos links são links "relativos" e muitos links para scripts externos podem estar contidos em arquivos CSS e JS.

• Use uma ferramenta como HTTrack. (Até onde eu sei, no entanto, o HTTrack não suporta salvar tudo em um único arquivo HTML.)

• Salvar uma página da web como um único arquivo HTML exatamente como aparece para o usuário durante uma renderização ao vivo é simplesmente impossível para muitos sites.

• Use uma extensão de navegador, como “ Single File ” (a página GitHub do desenvolvedor está aqui ), “ Save Page WE ” ou “ WebScrapBook ”.

• Experimente a extensão “ WebRecorder ” do Chrome .

Várias dessas respostas realmente alcançam algum nível de salvamento do layout da página da Web como um único arquivo HTML, exatamente como aparece quando renderizado ao vivo, mas há uma ENORME desvantagem: elas não salvam o arquivo HTML de uma maneira que possibilite o usuário visualizar a página OFFLINE . A parte de visualização offline é essencialmente o que procuro e é o cerne do meu problema.

Por exemplo, abrir o Chrome DevTools e salvar tudo outerHTMLna Elementsguia realmente permite que o usuário salve a página exatamente como ela aparece quando renderizada ao vivo, mas assim que o usuário tenta abrir o arquivo HTML no modo offline, nenhum dos recursos externos os scripts são capazes de carregar e, portanto, toda a seção de comentários da página do Reddit literalmente nem é exibida. Fiz uma inspeção manual no próprio arquivo HTML e descobri que os próprios comentários estão realmente presentes no arquivo HTML, mas simplesmente não são renderizados quando o usuário carrega o arquivo, pois dependem de scripts externos para ditar como para exibir ao usuário.

Uma solução (quase...)

Na minha experiência, descobri que usar a extensão do Chrome SingleFile realiza exatamente a tarefa que procuro (quase), e é melhor. Ele é capaz de salvar a página exatamente como parece ao usuário durante uma renderização ao vivo (mesmo quando visualizada offline), e descobri que é melhor do que as extensões "Salvar página WE" e "WebScrapBook". SingleFile lida perfeitamente com muitos sites, mas falha miseravelmente ao tentar salvar uma página do Reddit que possui um enorme tópico de comentários . Nesses casos, a extensão consome muita memória e simplesmente trava a guia ( Out of Memoryocorre um erro). A parte triste é que a extensão funciona bem em postagens do Reddit que têm uma seção de comentários muito pequena, mas de forma um tanto zombeteira, na maioria das vezes quando eu quero salvar uma postagem do Reddit, a postagem do Reddit tem uma seção de comentários muito grande e, portanto, o A extensão SingleFile não consegue lidar com isso.

O desenvolvedor do SingleFile tem uma variante de linha de comando da ferramenta em sua página do GitHub , mas isso simplesmente inicia um navegador sem cabeça e baixa o URL solicitado. Essa abordagem é inútil no meu caso, pois quero salvar a página do Reddit com as modificações que fiz pessoalmente e manualmente (ou seja, com os tópicos de comentários desejados expandidos manualmente). Além disso, tive o mesmo problema de falta de memória com essa abordagem.

Solução alternativa suja

Descobri que uma solução super suja para o meu problema é simplesmente salvar a página no formato PDF, mas não quero um formato PDF. Eu quero um formato HTML.

Alguma ideia sobre como salvar uma página do Reddit para visualização offline, mesmo em casos em que a seção de comentários é bastante grande?

Tenho uma situação estranha com meu nginx atuando como proxy reverso. Quando meu site de back-end está respondendo a uma solicitação do usuário (navegador do usuário) por meio do proxy reverso nginx, o usuário obterá o protocolo http em redirecionamentos 302 FOUND em vez do protocolo https.

Cheguei a uma situação em que duas coisas no proxy reverso nginx me ajudarão a resolver esta situação com protocolo errado nos redirecionamentos:

add_header Content-Security-Policy "upgrade-insecure-requests";

ou

proxy_redirect http:// https://;

No entanto, a abordagem é muito diferente com esses comandos.

Eu preferiria usar a primeira opção CSP porque parece ser a melhor maneira de resolver isso. No entanto, não tenho certeza do que acontece ao usar a segunda opção 'proxy_redirect'.

Para ser mais específico, meu back-end está escutando HTTP (80) e também HTTPS (443). No entanto, o certificado HTTPS (TLS) no meu back-end expirou. Na configuração do proxy reverso nginx, estou usando o protocolo HTTP para o 'proxy_pass' para back-end.

Quando uso 'proxy_redirect' nesta situação, parece que o proxy reverso nginx falha ao criar o handshake TLS. No entanto, em vez de encerrar a conexão 'proxy_pass', ele continua a se comunicar no protocolo HTTP. Pelo menos é isso que vejo nos logs do servidor web do backend. Da perspectiva do usuário, os redirecionamentos 302 FOUND agora estão configurados para HTTPS, o que parece estar correto. O site parece estar funcionando sem nenhum problema. Não há erros no proxy reverso nginx nem no console.

Então esse comportamento no proxy reverso nginx é normal? Qual opção devo implementar quando não quiser usar uma conexão HTTPS válida para o back-end? O proxy reverso nginx se comportará da mesma maneira com a opção 'proxy_redirect' quando o certificado HTTPS estiver totalmente ausente no back-end?

Estou aprendendo sobre os fundamentos do HTML e o estilo do navegador e fiquei impressionado com a pergunta no título: mesmo para HTML escrito (como, eu acho, o padrão HTML5 pede) puramente com elementos semânticos, alguém já viu "HTML simples" ou sempre haverá algum estilo de navegador padrão (que, presumivelmente, difere de navegador para navegador) para esses arquivos?

Ou seja, se o HTML simples consiste apenas em elementos semânticos, faz sentido falar em HTML simples ou sempre haverá alguma camada que traduza as tags e os elementos gerais de acordo com alguma "regra de apresentação"?

Eu li brevemente sobre coisas como reset.css, mas não está claro para mim por que eles são mencionados como "simples".

Procurei as diferenças, mas isso me deixou mais confuso do que antes.

Pelo que entendi até agora, hipertexto é um texto que pode vincular a outro recurso e hiperlink é o próprio link.

É assim que usamos links em questões como esta: Wikipedia onde “Wikipedia”, ou seja, a descrição do link é o hipertexto e o oculto https://www.wikipedia.orgé o hiperlink?

Além disso, o que é hipermídia?

Ambiente: Windows 11, Office 2021 rodando no computador, não na “nuvem”.

Meu navegador padrão é o Firefox e não quero mudar isso. Mas alguns sites não são compatíveis com o Firefox, então quando eu faço um documento no MS Word ou Excel, gostaria de definir links para esses sites para abrir no Edge.

Existe maneira de fazer isso?

De preferência sem VBA, mas VBA está bem, se necessário.

Às vezes, quando você segue o URL de uma imagem, você será direcionado para uma página da web que contém a imagem, em vez de apenas mostrá-la. Então, ao clicar com o botão direito e selecionar Abrir imagem em uma nova guia, você será levado novamente para a mesma página da web.

Claramente, o URL da imagem retorna uma imagem, não uma página da web; caso contrário, você não conseguiria ver a imagem, apenas veria a página da web recursivamente.

Presumi que esses sites (como o Reddit) estavam usando algum truque inteligente para fazer isso acontecer, então decidi me aprofundar. Na verdade, parece que eles não estão usando nenhum truque, estão apenas honrando as preferências do seu usuário. agente (navegador) está enviando com a solicitação:

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8

Portanto, o Firefox parece estar dizendo aos sites que prefere ver uma página HTML (HTML/XML é considerado 90% de "qualidade") a uma imagem (considerada 80% de "qualidade").

Estou entendendo isso corretamente e, em caso afirmativo, como altero isso para preferir apenas a imagem?

É possível emular nativamente um sistema operacional x64 dentro de um navegador web?

https://wxiang.oss-cn-beijing.aliyuncs.com/new/web/20230804/1691128104810-91071.jpg

Acima está o endereço da foto, você pode baixá-la e tentar abri-la em qualquer software de imagem e navegador do google. O navegador do Google pode abri-lo, mas outras formas, mesmo o telefone ou o código de imagem, não podem abri-lo?

Qual é o motivo e como posso corrigi-lo? Aceito algumas fotos como esta enviadas de usuários do meu site às vezes, posso corrigi-lo com Java ou Javascript?

Eu verifiquei esta pergunta, mas não ajudou, o IrfanView também não pode abrir a foto. mesmo-que-abra-bem-em

A propósito, não posso fazer upload da foto com esta pergunta também, a foto pode aparecer no navegador, mas talvez o servidor não pense que é uma foto qualificada e a rejeite. aqui está a captura de tela do upload

Como faço para filtrar o resultado da pesquisa do histórico do Microsoft Edge por site específico? Por exemplo, mostre apenas resultados do youtube ponto com?