В Firefox я могу создать полный скриншот, когда я перехожу на панель инструментов веб-разработчика (можно активировать в настройках инструмента разработчика). К сожалению, я могу сделать это только с разрешением по умолчанию. Есть ли шанс получить изображения с высоким разрешением? С Firefox или надстройкой? Или это возможно в другом браузере?Могу ли я создавать скриншоты с высоким разрешением в Firefox?
ответ
В Firefox, я использую эти трюки:
- Shift-F7 (или перейдите в меню "Инструменты" -> Web Developer -> редактор стиль) и вставить эти строки, чтобы увеличить всю страницу (здесь, по или 400%, так что, например 72dpi становится 288dpi и мы становимся ближе к печатной картинке):
body {
zoom: 4; /* change zoom factor here... */
-moz-transform: scale(4); /* ...and here. */
-moz-transform-origin: 0 0;
}
- затем Shift + F2 (или "Инструменты"> Web Developer> Панель инструментов разработчика), и, в маленькой строке в нижней части:
screenshot --fullpage
// or, directly into the clipboard instead of a png in the download folder
screenshot --fullpage --clipboard
Вы также можете играть в Инструменты> Веб-разработчик> Отзывчивый дизайн (или Ctrl + Shift + M), который позволяет указать пользовательские разрешений и иметь отличную кнопку, чтобы сделать снимок экрана, но масштаб еще нужно сделать вручную.
Остерегайтесь при выборе коэффициента масштабирования: Firefox становится сварливым, если вы пытаетесь сгенерировать PNG слишком большим. В очень высоком разрешении вам придется отказаться от опции --fullpage, фрагмента скриншота по фрагменту и собрать в своем графическом редакторе.
Ref: получил первый трюк из How can I scale an entire web page with CSS?: кажется, Firefox все еще имеет проблемы с правилом масштабирования CSS поэтому -moz-*
правила до сих пор не должны быть добавлены, по крайней мере, до версии 38. Если это получает исправлено в будущих версиях, просто укажите zoom: NN;
.
С помощью более высокого разрешения, вы действительно имеете в виду более высокий размер видового экрана? Если это так, используйте «Отзывчивый дизайн» и увеличьте показанные размеры ... – CBroe
@CBroe No. Представьте себе, что я бы увеличил изображение с помощью Firefox, а затем сделал снимок экрана. Скажем, масштаб 200%, когда ширина окна составляет 1000 пикселей, тогда я хотел бы иметь изображение с 2000px. Но это должен быть полный скриншот. – robsch