Печать страницы с использованием стилей

@Alex_py · Регистрация: 25.09.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте! Пытаюсь напечатать страницу с использованием применённых стилей css, но страница печатается без них.
Стили подключены в head.

JavaScript
1
2
3
4
5
6
7
8
9
var myDoc = window.open("", "PRINT");
myDoc.document.head.innerHTML = document.head.outerHTML;
myDoc.document.body.innerHTML = document.getElementById('card-body').outerHTML;
myDoc.document.close(); // necessary for IE >= 10
myDoc.focus(); // necessary for IE >= 10*/
myDoc.print();
myDoc.close();
 
return true;

Использую также медиа-запросы, но блоки вообще не убирает, вместо них остаются белые поля.

CSS
1
2
3
4
5
@media print{
  #nav-header, #header, #dlabnav {
    display: none;
  }
}

Добавлено через 2 часа 32 минуты
Ни одно решение решение на js не работает с сохранением стилей

Добавлено через 8 минут
Если использовать такой код, с добавлением стилей через append:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var myDoc = window.open("", "", left=50, top=50, width=800, height=640);
printStyles = document.createElement('link');
printStyles.setAttribute('rel', 'stylesheet');
printStyles.setAttribute('type', 'text/css');
printStyles.setAttribute('href', "{% static 'css/style.css' %}");
myDoc.document.head.append(printStyles);
myDoc.document.body.innerHTML = document.getElementById('card-body').outerHTML;
 
myDoc.document.close(); 
myDoc.focus();
myDoc.print();
myDoc.close();
 
return true;

то тоже г***о выходит (стили не применяются)

Чего проще должно быть вывести на печать через js? Почему так сложно?

@Alex_py · 19.03.2022, 12:04 **[ТС]**

Это решение тоже не помогает. Стили не применяются
https://palpalych.ru/blog/java... l-stranicy

Автор к тому же, использует неинициализированную переменную, а 14-я строка вообще бессмысленна

JavaScript
1
prtContent.innerHTML=strOldOne;

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .