Qual è il modo migliore per testare una pagina Web con una risoluzione superiore rispetto alle risoluzioni del tuo schermo attuale?

10

Sto realizzando un sito Web reattivo in cui ho bisogno di testare il rendering CSS, HTML, javascript della mia pagina Web con una risoluzione di 2400 pixel mentre il mio schermo è solo di 1900 pixel.

— Metal Gear Solid
fonte

possibile duplicato di Come si può fare uno screenshot di un'intera pagina Web?

— Ƭᴇcʜιᴇ007,

Ti rendi conto che puoi ridimensionare le finestre del browser oltre la risoluzione dello schermo sulla maggior parte dei sistemi? Basta spostarli a metà dello schermo e quindi ridimensionare il bordo che è ora al centro dello schermo. È inutile per l'uso effettivo, ma sarà sufficiente per i test. Questa schermata dell'intera finestra è stata scattata su OS X con una risoluzione dello schermo di 1680x150.

— Daniel Beck

@DanielBeck - strano, sto provando lo stesso sul mio Chomre (Windows) ma non si estende oltre il mio schermo attuale

— ingranaggi in metallo solido

È davvero un problema con il tuo sistema operativo che cerca di superare in astuzia . Potrebbe riprodurre con Safari su Windows 7.

— Daniel Beck

Il mio è anche Windows 7

— ingranaggi in metallo solido

3

Nel browser Chrome:

Press F12. Questo aprirà DevTools.
Fai clic sull'icona delle impostazioni nell'angolo in basso a destra. Questo aprirà le impostazioni di DevTools.
Vai a Sostituzioni nel menu a sinistra.
Seleziona Abilita e metriche dispositivo.
Digita la risoluzione dello schermo

Lo uso sempre, è davvero conveniente.

— Arman Bimatov
fonte

2

Se premi Ctrl+ Shift+ Mnelle ultime versioni di Firefox, entrerai in Responsive Design View , che può ridimensionare la vista del browser in modo che sia più grande della dimensione effettiva dello schermo. È inoltre possibile acquisire schermate e simulare eventi tattili dall'FF 26 in poi.

^{Clicca per ingrandire}

Potresti trovare più facile ridimensionare dopo aver ridotto la finestra: puoi trascinare ulteriormente i ridimensionatori in una volta sola. Oppure inserisci un predefinito personalizzato dal menu a discesa.

— peso
fonte

Esiste un API per questa opzione? Per averlo abilitato tramite il codice js iniettato dal sito Web o dall'interno di un componente aggiuntivo?

— Kamal Reddy,

@KamalReddy Non penso che saresti in grado di farlo all'interno del contesto del contenuto (sito Web), ma dovrebbe essere possibile dal contesto Chrome (componente aggiuntivo). Ebbene, in futuro in ogni caso. Forse puoi simulare Ctrl + Maiusc + M?

— Bob,

1

Puoi provare questo sito Web che ti consente di testare la tua pagina web con qualsiasi risoluzione dello schermo che ti consente di scegliere tra risoluzioni predefinite o inserire la tua risoluzione personalizzata. spero che queste righe ti siano state utili.

— kamalam
fonte

Essere bloccato dal nostro server proxy. È un puntatore a un altro sito o quella pagina PHP è la pagina effettiva dello strumento?

— Luke canadese,

la pagina PHP che ho aggiunto qui è la pagina effettiva dello strumento

— kamalam,

0

Questa domanda è probabilmente più adatta per i webmaster, ma mi prenderò un colpo e suggerirò ViewLikeUs quale

ti consente di verificare l'aspetto del tuo sito Web nei formati di risoluzione più diffusi.

— CharlieRB
fonte

1

ha solo 1920 max

— ingranaggi in metallo solido

0

Aggiungi una risoluzione dello schermo personalizzata nel pannello di controllo della scheda video.

— GENiEBEN
fonte

3

Risoluzioni maggiori di quelle supportate dallo schermo? Potresti fornire maggiori dettagli su come configurarlo e come appare?

— Daniel Beck

@DanielBeck Questo link tutorial di YouTube è per le schede nVidia. Abbastanza simile per ATI / AMD.

— GENiEBEN,

2

@ElGenieben Quel video avverte esplicitamente alle 0:39 che potresti danneggiare il display impostando una risoluzione troppo alta.

— Nicole Hamilton,

0

Prova questo tester di risoluzione online, offre una varietà di diverse risoluzioni con cui testare il tuo sito, basta inserire l'URL del tuo sito, selezionare una risoluzione e verificarlo.

http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html

Spero che questo ti aiuti!!!

— Neville
fonte

0

Potresti provare il componente aggiuntivo per Chrome: tester di risoluzione che supporta risoluzioni personalizzate :)

— Skuli Axelson
fonte

0

Basta cambiare lo zoom sul browser, quando si esegue lo zoom indietro, essenzialmente la dimensione della finestra indica una larghezza sempre maggiore per l'applicazione.

esempio jsfiddle qui , basta fare clic sul pulsante, vedere la larghezza che sta segnalando, quindi ridurre leggermente lo zoom e fare clic sullo stesso pulsante: segnalerà una dimensione più grande.

— Doobeh
fonte

0

Prova le impostazioni di risoluzione personalizzate nell'emulatore del dispositivo in Google Chrome. Ti dà più controllo rispetto all'utilizzo della funzionalità di zoom del browser.

Abilita l'emulatore del dispositivo e seleziona l'opzione 'zoom to fit'.

Immettere manualmente risoluzioni fino a 9999 px di larghezza (o trascinare i bordi dello schermo emulato. La risoluzione emulata verrà ridimensionata per adattarsi alla propria vista.

Puoi effettivamente mantenere l'altezza di risoluzione bassa in quanto potrai comunque scorrere verso il basso. In questo modo puoi tenere aperto anche l'ispettore. Un ottimo flusso di lavoro per lo sviluppo web!

— bramchi
fonte