2015-09-23 7 views
1

В Firefox я могу создать полный скриншот, когда я перехожу на панель инструментов веб-разработчика (можно активировать в настройках инструмента разработчика). К сожалению, я могу сделать это только с разрешением по умолчанию. Есть ли шанс получить изображения с высоким разрешением? С Firefox или надстройкой? Или это возможно в другом браузере?Могу ли я создавать скриншоты с высоким разрешением в Firefox?

+0

С помощью более высокого разрешения, вы действительно имеете в виду более высокий размер видового экрана? Если это так, используйте «Отзывчивый дизайн» и увеличьте показанные размеры ... – CBroe

+0

@CBroe No. Представьте себе, что я бы увеличил изображение с помощью Firefox, а затем сделал снимок экрана. Скажем, масштаб 200%, когда ширина окна составляет 1000 пикселей, тогда я хотел бы иметь изображение с 2000px. Но это должен быть полный скриншот. – robsch

ответ

4

В 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;.