Início / computer / Perguntas / 1510440
Accepted
cipricus
Asked: 2019-12-17 07:53:41 +0800 CST

Alterar página pdf e cor da fonte exibida em navegadores de internet

  • 772

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

Eu quero ler longos textos em PDF em um laptop enquanto posso alterar a cor do fundo da página e do texto . Não estou interessado 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 agradável aos olhos, semelhante à maneira como os leitores de e-books exibem e-books:

insira a descrição da imagem aqui

Isso é possível com diferentes leitores de PDF. No Linux, posso usar o Adobe Reader, o Foxit Reader e especialmente o Master PDF Editor , que é capaz de alterar a cor da fonte e da página exibida não apenas em PDFs baseados em texto (documentos de texto salvos/exportados/impressos como PDF), mas também em PDFs baseados em imagem PDFs (texto em papel digitalizado e salvo como PDF). Mais detalhes sobre isso aqui .

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

google-chrome firefox

3 respostas

  1. Best Answer

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

    • 0

  2. Se as exibições do navegador forem sofisticadas o suficiente, elas devem ser capazes de lidar com grupos de conteúdo opcionais (OCGs). Você poderia então criar uma segunda versão desse texto que apareceria sobre a primeira com as cores/plano de fundo/qualquer coisa/em/tudo desejados.

    O que quer que estivesse gerando o PDF teria que ser bastante compatível com PDF também. Vários produtos da Adobe provavelmente poderiam fazer isso nativamente, mas você pode precisar de uma cópia do Acrobat para realizar as alterações necessárias.

    IIRC, você também pode alternar a visibilidade dos OCGs com JavaScript. E tenho certeza que você pode usar o JS para detectar quando um PDF é visualizado em um navegador. Deixe-me verificar.

    Os OCGs me parecem um recurso que teria, na melhor das hipóteses , suporte misto entre os renderizadores de PDF nativos dos navegadores, para não falar da execução adequada de seu JavaScript.

    Eu estou supondo que isso funcionaria bem para todos que estavam usando o Reader como seu visualizador no navegador e quebraria para (quase?) todos os outros.

    Fazendo um pouco mais de pesquisa:

    • "PDF.js" oferece suporte a grupos de conteúdo opcionais. PDF.js é o renderizador de PDF de código aberto usado pelo chrome (e provavelmente pelo firefox e vários outros).
    • PDF.js tem uma "lista branca" de ações javascript que são permitidas. Não faço ideia do que essas ações específicas podem ser... mas provavelmente não incluem uma que altere o estado OCG do documento. Suspeito ainda que as ações da lista de permissões sejam todas comportamento codificado no back-end. "A ação JS corresponde a esta string, então faça isso".
    • 0

  3. 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/

    • 0

relate perguntas