Come posso catturare schermate del browser a una risoluzione superiore rispetto a quella supportata dal mio browser?

Devo fare uno screenshot di un sito Web come apparirebbe su un monitor ad altissima risoluzione ... diciamo 4000x3000 pixel. Lo schermo del mio laptop ha una risoluzione nativa di 1400x768. Fondamentalmente, ho bisogno di simulare avere una risoluzione del monitor molto più elevata rispetto a quella supportata dal mio monitor e dalla mia scheda video. Voglio che lo screenshot del sito abbia un aspetto simile a quando si preme CTRL MINUS (zoom indietro) in Firefox ripetutamente, ma senza perdita di pixel a causa del ridimensionamento. Come posso fare questo? Esiste un modo per utilizzare il software della macchina virtuale per simulare un display ad altissima risoluzione? In caso contrario, c'è un modo per aprire una finestra del browser più grande dello schermo e quindi catturarne il contenuto come PNG in qualche modo? Qualcos'altro che potrebbe funzionare?

Puoi farlo con Firefox e 2 estensioni: Web Developer e FireShot .

Una volta installate entrambe le estensioni, vai su Strumenti - Sviluppatore Web - Ridimensiona - Modifica dimensioni ridimensionamento ....

Aggiungi una nuova dimensione, 4000 x 3000. seleziona "Ridimensiona la finestra" se vuoi che solo il contenuto della pagina sia 4000x3000. Se non lo controlli, l'intera finestra di Firefox (con barre degli strumenti, menu, ...) verrà impostata su questa dimensione.

Una volta della dimensione corretta, vai su Strumenti - FireShot - Cattura intera pagina e .... Seleziona un'azione, come Salva ad esempio. Salverà il contenuto della pagina che è stato impostato da Web Developer nella dimensione desiderata.

Nel frattempo (per almeno un anno o due - dalla versione 15, se non sbaglio), Firefox lo supporta direttamente tramite gli strumenti di sviluppo integrati.

Sia colpito CtrlShift Mo selezionare Responsive Visualizzazione Struttura dal Developer Tools icona nel menu stripe.

Verrà visualizzata questa vista, che ti consentirà di scegliere tra una serie di impostazioni predefinite, nonché di immettere qualsiasi risoluzione desiderata e salvare direttamente uno screenshot in formato PNG su disco con un clic:

Su un Mac, Paparazzi può aiutarti, usando la sua GUI o usando una sintassi URL come:

paparazzi: (larghezza = 4000, altezza = 3000, maxheight = 3000) Come posso catturare schermate del browser con una risoluzione più alta di quella supportata dal mio browser?

La sintassi dell'URL può essere facilmente trasformata in un bookmarklet . Paparazzi utilizza il motore di rendering WebKit.

Uso un componente aggiuntivo di FireFox chiamato Abduction per creare uno scatto .png di una pagina web nella sua interezza. Sfortunatamente quel componente aggiuntivo non è stato ancora aggiornato per essere compatibile con FireFox 3.6.

Sembra che ScreenGrab farà la stessa cosa.

Firefox 16 in poi ora offre la possibilità di controllare le dimensioni del viewport con la console per sviluppatori:

Apri Strumenti ... Web Developer ... Developer Toolbar

Ridimensiona la finestra con questo comando:

resize to 5000 5000

Schermata con questo comando:

screenshot output.png

Bene, con una configurazione Linux (o X Window System di qualsiasi tipo) puoi impostare un desktop virtuale più grande del tuo monitor. Ci scorri dentro, ma penso che potresti quindi massimizzare il tuo browser e schermarlo.

Non so se c'è un modo per farlo in Windows o OS X.

Trovo che usare servizi online come thumbalizr sia più semplice dell'installazione di plugin del browser, se non è necessario farlo spesso.

In Chrome ci sono estensioni gravi come:

• Colpo Di Fuoco

• Schermata della pagina Web (non ha funzionato con me, forse al momento ha un bug)

C'è un'altra schermata della pagina Web ma non ho la reputazione sufficiente per pubblicare più di due collegamenti