Algunas aplicaciones en el sitio web deben proporcionar la función para que los usuarios impriman páginas directamente. La más obvia son los cupones electrónicos. Los comerciantes ingresan el contenido de acuerdo con la plantilla proporcionada por el sitio web y luego generan una página de cupón cuando el usuario imprime esta página. , es un cupón.
Por supuesto, la mejor manera es generar un archivo de imagen basado en esta página. El usuario descarga la imagen y luego la imprime. El efecto de impresión no se verá afectado por la configuración del navegador.
Pero si por alguna razón, para acelerar o ahorrar costos, no guarda la página como un archivo de imagen, entonces solo puede imprimir la página HTML directamente, lo que requiere algunos requisitos adicionales en el diseño de la página, aquí dos hay que tener en cuenta cosas:
1. Establezca los atributos de la etiqueta de estilo:
Esto significa que los atributos de estilo introducidos o definidos en este estilo solo se usan al imprimir. Como recordatorio, si el atributo de medio no está configurado, el estilo definido tendrá efecto tanto en el navegador como en la impresión, por lo que se recomienda utilizar un. estilo como este Colocado después de todos los estilos regulares. Por ejemplo, esperamos que haya una línea "Imprimir y Yahoo Word of Mouth Network" en la página impresa, pero esto no es realista en el navegador:
Red de boca a boca de medios impresos y Yahoo
Luego podemos configurar .printTitle{display:none;} en el estilo unificado y configurarlo en .printTitle{display:block;} en el estilo posterior donde el medio es "imprimir". Los estilos de impresión definidos no tienen mayor prioridad que los estilos definidos regularmente al imprimir, por lo que nuevamente se recomienda colocar los estilos de impresión después de todos los estilos regulares.
2. Cuando se imprime la página, la configuración del navegador tendrá un impacto en el efecto de impresión. En IE, hay una opción "Imprimir imagen y color de fondo" en "Herramientas" - "Opciones de Internet" - "Avanzadas", similar en Firefox. En "Archivo" - "Configuración de página", hay "Imprimir imagen y color de fondo". Cuando se selecciona esta opción, se puede imprimir el color y la imagen de fondo de la página (algunos navegadores de kernel IE no estándar parecen tenerlo). algún problema, el color de fondo se puede imprimir, pero la imagen de fondo no). Si no se selecciona, no se pueden imprimir ni el color de fondo ni la imagen. Por lo tanto, para proteger a los usuarios de diferentes navegadores y configuraciones de navegador, sugiero dos. puntos El primero es usar El área llena con el color de fondo se usa como límite y se agrega un borde de 1 px. El color es el mismo que el color de fondo, por lo que no se pueden ver cambios en el navegador. incluso si la configuración del usuario impide que se imprima el color de fondo, aún puede haber bordes que se usan como divisiones y el diseño de la página se conserva en la capa más grande; el segundo es usar etiquetas para todas las imágenes esenciales; para que estas imágenes se puedan imprimir sin importar cómo esté configurado el navegador del usuario. Esto puede ser lo mismo que. Por lo general, algunas páginas están diseñadas de diferentes maneras, pero para unificar el efecto de impresión, solo tenemos que ceder.
Simplemente planteé algunos problemas encontrados en aplicaciones prácticas. Si tiene alguna pregunta o idea nueva, puede plantearla para discutirla juntos.
Texto original: http://ued.koubei.com/?p=918