Блог

Главная - Вопросы по программированию - window.печать элемента div, отображающего всю страницу в Android Chrome (печатает раздел div в win 10 Chrome)

window.печать элемента div, отображающего всю страницу в Android Chrome (печатает раздел div в win 10 Chrome)

#android #html #google-chrome

#Android #HTML #google-chrome

Вопрос:

Я пытаюсь напечатать текст внутри div на Android Chrome, это работает на Windows 10 Chrome, но на Android Chrome он печатает, но показывает всю страницу с заголовком и кнопкой печати.

Любая помощь приветствуется

 <!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
    function printDiv(divName){
        var printContents = document.getElementById(divName).innerHTML;
        var originalContents = document.body.innerHTML;
        docunt.body.innerHTML = printContents;
        window.print();
        document.body.innerHTML = originalContents;
    }
    </script>
</head>
<h2> Test print </h2>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<body>
  <div id="PrintMe" >
        <p>
            I'm trying to print the text inside the div on android chrome<br>
            This works on windows 10 chrome <br>
            but on android chrome, it prints, but shows the whole page<br>
            with header and print button.
        </p>
     </div> 
        <button  id="print" onclick= "printDiv('PrintMe')" > Print </button> 
</body>
</html>

Комментарии:

1. В вашем коде есть опечатка, может ли это быть причиной? docunt.body.innerHTML должно быть document.body.innerHTML

2. Спасибо за это, но я исправил и все то же самое.