Як зробити так, щоб Chrome скорочувався, щоб він міг підходити до друку?


Відповіді:


29

Так, є рішення. Ми будемо робити вручну масштабування документа за допомогою CSS, поки вміст не підходить належним чином.

Натисніть, F12щоб запустити Chrome DevTools. Переконайтесь, що він знаходиться на вкладці « Елементи» та <body>вибраний елемент. Тепер перейдіть на вкладку Стилі (праворуч) і element.styleвставте наступне: (просто натисніть після вступного дужки {)

zoom: 85%;

Підказка: не набирайте двокрапки ( :), інакше ви ненавмисно запустите щось інше; натомість просто натисніть TABпісля набору тексту zoom.

css властивість масштабування

Тепер закрийте DevTools ( F12знову) і натисніть, Ctrl+Pщоб запустити діалогове вікно друку. Перевірте, чи відповідає сторінка добре. Якщо це не так, спробуйте з іншим значенням масштабування, поки воно не стане добре!


1
Я можу підтвердити в серпні 2016 року цей метод працює як шарм! zoom: 85%Здається, ідеально підходить для більшості сторінок, які в іншому випадку переповнюються в попередньому перегляді друку в Chrome. Дякуємо, що опублікували це!
Ерік Хепперл - CodeSlayer2010

Що таке 85%? Чарівне число?
Герман

@Gherman - це лише перша здогадка. Прочитайте до кінця.
Андре Шалелла

Ну, я розумію, але чи буде однакова цінність для будь-якої іншої машини? Від чого це залежить?
Герман

Якщо ви веб-розробник, ви можете додати zoom: 85%;до елемента HTML всередині @media printзапиту.
posfan12

8

З версії 56 у вас зараз буде доступна опція масштабу в попередньому попередньому перегляді друку. Однак вам, можливо, доведеться це ввімкнути (у мене версія 56.0.2924.87). В адресному рядку: chrome: // flags / # print-масштабування та змініть його на Enabled. Це не вирішує "шкалу, яка підходить", але робить вас на крок ближче.

Дивіться це та інші вдосконалення тут: https://productforums.google.com/forum/#!topic/chrome/O7nz6Vb1kBM


Це простіше рішення
Дрейкс

Класно! Я ввімкнув, 58.0.3029.110 (64-bit)і це працює поза коробкою.
Андре Шалелла

2

У мене є проблеми лише на кількох веб-сайтах, для них я використовую розширення:

Повне захоплення екрана сторінки

( https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl )

Він створює тимчасове зображення на новій вкладці, яке потім правильно розширює масштаб при друкуванні.


1

Щоразу, коли я хочу надрукувати цілу веб-сторінку на сторінці паперу, я роблю скріншот сторінки та використовую Windows для друку зображення.

В даний час я використовую ShareX, щоб зробити скріншот всієї сторінки. Є також Greenshot , Awesome Screenshot та Fireshot, які працювали на мене.

Це питання про друк

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.