Alterar a página do PDF e a cor da fonte exibida nos navegadores da Internet

Alterar a página do PDF e a cor da fonte exibida nos navegadores da Internet

A cor exibida da página e a fonte dos arquivos PDF podem ser alteradas quando abertos no Chrome, Firefox ou outros navegadores?


Quero ler textos longos em PDF em um laptop e, ao mesmo tempo, podermude a cor do fundo da página e do texto. Eu sounãointeressado em inverter cores - o que resultaria em texto branco brilhante em fundo preto escuro

insira a descrição da imagem aqui

mas ao ajustar a cor de cada um desses dois elementos e obter algo mais equilibrado e atraente, semelhante à forma como os leitores de e-books exibem os e-books:

insira a descrição da imagem aqui

Isso é possível com diferentes leitores de PDF. No Linux eu posso usarAdobe Reader, Foxit Reader, e especialmenteEditor Mestre de PDF, que é capaz de alterar a cor da página e da fonte exibida não apenas em PDFs baseados em texto (documentos de texto salvos/exportados/impressos como PDF), mas também em PDFs baseados em imagens (texto em papel digitalizado e salvo como PDF). Mais detalhes sobre issoaqui.


E os navegadores de internet? Eu sei que os principais são ótimos para ler arquivos PDF.

Responder1

Hmm, o Chrome atualmente ainda não pode, mas os navegadores mais antigos podem ser personalizados tanto quanto você desejar dentro de suas habilidades, aqui a inversão é simplesmente pressionarI insira a descrição da imagem aqui insira a descrição da imagem aqui

No Firefox atual você pode definir um bookmarklet para mudança de cor, mas sua milhagem pode variar, veja
https://stackoverflow.com/questions/61814564/how-can-i-enable-dark-mode-when-viewing-a-pdf-file-in-firefox

o exemplo a seguir usa a variante toggler conforme mostrado aqui e emhttps://stackoverflow.com/a/71777470/10802527

insira a descrição da imagem aqui

Poucas pessoas entendem que para visualizar um PDF em um “Navegador”, na realidade ele DEVE ser baixado (a menos que seja uma fumaça e espelhos, cópia de páginas em forma de imagens com sobreposição de texto html). Assim, para o Chromium/Edge você pode definir como "Download Only" e depois abrir o PDF em um "Dark Reader". Você pode descartar o PDF posteriormente, se indesejado, da mesma forma que o navegador faria com sua cópia em cache. insira a descrição da imagem aqui

Para Windows você pode usar SumatraPDF (mostrado acima) ou Okular (mostrado abaixo), ou para Linux, Okular nativo ou SumatraPDF (32/64/Arm) no Wine.
insira a descrição da imagem aqui

Responder2

No Firefox versão 112.02 isso funciona para mim:

forçar as cores de fundo e de primeiro plano do visualizador de PDF do Firefox

Na barra de endereço digite:

about:config

No campo de pesquisa digite:

pdfjs

Defina estas opções de configuração:

pdfjs.forcePageColors          true
pdfjs.pageColorsBackground     #202020 
pdfjs.pageColorsForeground     #d1d1d1

mude para uma guia com um pdf carregado e pressione F5 (atualizar) para ver o resultado.

Como apenas as cores de fundo e de primeiro plano são forçadas, as imagens dentro do pdf permanecem intactas, o que é muito bom (outras soluções/soluções mais antigas inverteram completamente o pdf).

Imagem de exemplo 1

contra

Exemplo de imagem 2

Responder3

Verifiquei navegadores baseados em cromo e Edge e a resposta é não. O visualizador de PDF incluído é básico. Você pode ficar atento a extensões de terceiros, mas não encontrei nenhuma

Responder4

Talvez com esta solução alternativa:

Cole isso no console do navegador ( Ctrlshifti) e clique ementer

function toggle() {
    let q = document.querySelectorAll('#nightify')
    if(q.length) {
        q[0].parentNode.removeChild(q[0])
        return false
    }
    var h = document.getElementsByTagName('head')[0],
        s = document.createElement('style');
    s.setAttribute('type', 'text/css');
    s.setAttribute('id', 'nightify');
    s.appendChild(document.createTextNode('html{-webkit-filter:invert(100%) hue-rotate(180deg) contrast(70%) !important; background: #fff;} .line-content {background-color: #fefefe;}'));
    h.appendChild(s); 
    return true
}

toggle()

Fonte:https://dev.to/jochemstoel/re-add-dark-mode-to-any-website-with-just-a-few-lines-of-code-phl

Outra opção:

var cover = document.createElement("div");
let css = `
position: fixed;
pointer-events: none;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #cecece;
mix-blend-mode: difference;
z-index: 1;
`
cover.setAttribute("style", css);
document.body.appendChild(cover);

Adaptado de:https://windowsreport.com/invert-colors-pdf/

informação relacionada