Мені потрібно зробити скріншот веб-сайту, як це було б на моніторі дуже високої роздільної здатності ... скажімо, 4000x3000 пікселів. Екран мого ноутбука має вбудовану роздільну здатність 1400x768. В основному, мені потрібно імітувати наявність роздільної здатності монітора набагато вище, ніж моя монітор та відеокарта насправді підтримують. Я хочу, щоб скріншот сайту виглядав так само, як це робиться, коли ви натискаєте CTRL MINUS (зменшуєте масштаб) у Firefox неодноразово, але без втрат пікселів через масштабування. Як я можу це зробити? Чи є спосіб використовувати програмне забезпечення віртуальної машини для імітації дисплея з високою роздільною здатністю? Якщо ні, чи є спосіб відкрити вікно веб-переглядача, яке перевищує екран, а потім якось захопити його вміст як PNG? Ще щось, що може спрацювати?
Як я можу робити знімки екрана браузера з більшою роздільною здатністю, ніж підтримує мій браузер?
Відповіді:
Це можна зробити за допомогою Firefox та 2 розширень: Веб-розробник та FireShot .
Після встановлення обох розширень перейдіть до Інструменти - Веб-розробник - Змінити розмір - Змінити розмір розмірів ....
Додайте новий розмір, 4000 x 3000. поставте прапорець "Змінити розмір вікна перегляду", якщо ви хочете, щоб лише вміст сторінки був 4000x3000. Якщо ви не перевірите це, повне вікно Firefox (з панелями інструментів, меню, ...) буде встановлено на цей параметр.
Після правильного розміру перейдіть до Інструменти - FireShot - Захоплення всієї сторінки та .... Виберіть дію, як, наприклад, Зберегти. Це збереже вміст сторінки, який було встановлено веб-розробником до потрібного розміру.
Тим часом (принаймні рік чи два - починаючи з версії 15, якщо я не помиляюся), Firefox підтримує це безпосередньо через інтегровані інструменти для розробників.
Або натисніть, CtrlShift Mабо виберіть " Чуйний вигляд дизайну" у значку " Інструменти для розробників" у меню смуг.
Це призведе до цього подання, яке дозволить вам вибрати з набору пресетів, а також ввести будь-яку потрібну роздільну здатність і безпосередньо зберегти скріншот у форматі PNG на диску одним клацанням миші:
Shift+ F2та вставте screenshot --clipboard --fullpageу «консоль». Це відрізняється від звичайної консолі JS.
На комп'ютері Mac, Paparazzi може допомогти, використовуючи свій графічний інтерфейс або використовуючи синтаксис URL, наприклад:
папарацці: (ширина = 4000, висота = 3000, максимальна висота = 3000) Як я можу робити знімки екрана браузера з більшою роздільною здатністю, ніж підтримує мій браузер?
Синтаксис URL легко перетворити на закладку . Папарацці використовує механізм візуалізації WebKit.
Я використовую додаток FireFox під назвою Викрадення, щоб створити .png знімок веб-сторінки в повному обсязі. На жаль, додаток ще не оновлено, щоб бути сумісним з FireFox 3.6.
Схоже, ScreenGrab зробить те саме.
Firefox 16 далі містить можливість контролювати розмір вікна перегляду за допомогою консолі розробника:
Відкрити Інструменти ... Веб-розробник ... Панель інструментів розробника
Змініть розмір вікна перегляду за допомогою цієї команди:
resize to 5000 5000
Захоплення екрана за допомогою цієї команди:
screenshot output.png
Ну, за допомогою установки Linux (або X Window System будь-якого смаку) ви можете встановити віртуальний робочий стіл, який більший за ваш монітор. Ви прокручуєте його, але я думаю, що ви зможете максимально збільшити свій браузер і зняти його на екрані.
Я не знаю, чи є спосіб це зробити в Windows або OS X.
Мені здається, що користуватися онлайн-сервісами, такими як thumbalizr, простіше, ніж встановлювати плагіни браузера, якщо вам це не потрібно робити часто.
У Chrome є кілька розширень, таких як:
Скріншот веб-сторінки (не працював зі мною, можливо, зараз є помилка)
Є ще один скріншот веб-сторінки, але я не маю достатньо репутації, щоб опублікувати більше двох посилань