css - ventana - ¿Hay alguna manera de diseñar el visor de PDF predeterminado de Google Chrome?

porque mis archivos pdf se abren con chrome

Question

¿Hay una manera de estilo de google chrome por defecto ver pdf? Estoy tratando de cambiar el color de fondo gris a blanco y, si es posible, hacer que la rueda de desplazamiento sea más grande para dispositivos móviles.

Traté de apuntarlo en css sin suerte

// pdf viewer custom style
iframe {
    html {
        body {
            background-color: #ffffff !important;
        }
        #zoom-toolbar {
            display: none !important;
        }
        #zoom-buttons {
            display: none !important;
        }
    }
}

Parece que está creando un documento sombra en el html pero no pude encontrar ninguna manera de orientarlo

Answer 1

No hay manera de estilizar directamente el visor de PDF predeterminado de Chrome (PDFium). Debido a que el complemento muestra y controla el contenido fuera del alcance del DOM de la página actual, solo puede ser modificado por el complemento. Como se indica here , es imposible realizar modificaciones en este tipo de contenido controlado por complemento a menos que el complemento también agregue un script de contenido que permita a la página pasar mensajes al complemento; el complemento debe programarse adicionalmente para responder a los mensajes y actualizar adecuadamente el contenido. En otras palabras, el visor de PDF utiliza un DOM separado a la página que no es directamente accesible. En su lugar, necesita acceder a una API implementada.

En this discusión, Mike West (Google / Chromium dev) afirma, en respuesta a una pregunta sobre la accesibilidad del DOM en el visor de PDF de Chrome:

La funcionalidad disponible en el visor de PDF es (intencionalmente) bastante limitada ... Las API que tiene problemas para encontrar simplemente no existen.

Las funciones básicas de la API son algunas de las especificadas por Adobe en sus Parámetros para abrir archivos PDF y se accede a través de la URL (por ejemplo, http://example.org/doc.pdf#page=3&pagemode=thumbs . Son, como se indicó anteriormente, bastante limitado, lo que permite al usuario ir directamente a una página, establecer el factor de zoom, mostrar miniaturas, etc. El acceso a una API expandida mediante mensajes de script de contenido puede realizarse si conoce los mensajes de JavaScript disponibles. Una lista completa de los nombres de mensajes JS disponibles puede Se determinará a partir de la fuente relevante de PDFium here desde la cual se puede ver que no es posible un estilo avanzado del visor, como el cambio de colores. ( This pregunta da un ejemplo de cómo implementar la API). Ciertamente, no hay acceso al DOM de PDFium.

Esta API se deja deliberadamente sin documentar; Puede cambiar con adiciones o eliminaciones en cualquier momento. Por lo tanto, si bien es posible que en el futuro haya una API que le permita diseñar algunos aspectos del visor, es muy poco probable que alguna de ellas vaya tan lejos como para cambiar el color de fondo o modificar una sombra CSS. Y, como se indicó anteriormente, sin una API no puede modificar el contenido controlado por un complemento cuando no tiene acceso a su DOM.

En su lugar, puede intentar PDF.js Es una biblioteca de código abierto de JavaScript que procesa archivos PDF utilizando HTML5 Canvas. También es el visor de PDF predeterminado de Firefox y es bastante capaz.

Implementarlo como una aplicación web está más allá del alcance de esta pregunta, pero hay muchos tutoriales útiles disponibles. Y a medida que usted, el desarrollador, tendrá acceso a todos los archivos constituyentes, seguramente podrá diseñar el visor de PDF.js todo lo que desee.