Come posso fare in modo che Safari mi mostri le dimensioni in pixel della finestra del browser, senza estensione?

Una volta ho visto Safari che mi mostrava le dimensioni in pixel della finestra del browser, anche quando l'ho ridimensionata trascinando a sinistra oa destra, mostrava quanti pixel nell'asse xe quanti pixel nell'asse y.

Ma ora quando ridimensiono la finestra non mostra il numero di pixel di qualsiasi dimensione corrente.

Come posso ottenere la risoluzione / il numero di pixel in xey da mostrare quando ridimensiono la finestra del browser Safari (come ho già visto fare prima)?

note- (precedentemente - erroneamente - intitolato come safari ha smesso di mostrarmi la risoluzione durante il ridimensionamento di una finestra)

safari resolution

— barlop
fonte

Posso onestamente dire che non l'ho mai visto. Sei sicuro che non fosse un'estensione Safari che non funziona più o un'altra utility di sistema? Puoi essere più descrittivo di ciò che vedi e di come appare?

— Steve Chambers,

Concordo: non ho mai visto un'applicazione macOS fare qualcosa del genere (tranne Terminal, che mostra la dimensione in blocchi di caratteri nella barra del titolo).

— calum_b,

@SteveChambers Ho trovato la risposta. Devo riformulare la domanda per chiedere come ottenere le dimensioni dei pixel (senza alcuna estensione)? (Non che Safari abbia smesso di mostrarmi le dimensioni, il che non era corretto) In questo modo la mia risposta si adatterà alla domanda e la domanda non avrà un errore in essa

— barlop

Altre mod potrebbero sembrare diverse, ma questa domanda e risposta ha probabilmente un valore e non è necessario eliminarla.

— Steve Chambers,

@SteveChambers Non stavo suggerendo di eliminarlo, ma comunque

— barlop

Risposte:

Devi avere la finestra di ispezione degli elementi aperta. Quindi, con la finestra di ispezione degli elementi aperta, quindi, in Safari, quando passi con il mouse sopra un elemento, mostra i pixel.

E puoi farlo mostrare i pixel mentre ridimensioni una finestra, per farlo fai clic sull'icona a forma di mirino nella finestra di ispezione, quindi passa con il mouse sullo sfondo in modo che mostri i pixel, quindi sposta il mouse in modo che mostri ancora i pixel, e ridimensiona la finestra e aggiornerà le dimensioni dei pixel.

Nota che in Chrome, se hai la finestra di ispezione aperta e il ridimensionamento, allora ti mostra le dimensioni dei pixel mentre ridimensioni.

— barlop
fonte

che cos'è la finestra di ispezione degli elementi e come si apre?

— JMH

Per prima cosa abilita il menu Sviluppo in Preferenze> Avanzate. Quindi scegli Mostra Web Inspector da quel menu o premi Opzione-Comando-I

— Richard Brockbank

Sebbene la risposta accettata funzioni correttamente per i singoli elementi durante il passaggio del mouse, può essere complicato catturare l'intero browser / finestra durante il tentativo di ridimensionamento.

Un altro approccio sarebbe quello di Safari Responsive Design Mode, che ti mostrerà la larghezza e l'altezza in pixel durante il ridimensionamento. È nascosto in Develop Tab, quindiEnter Responsive Design Mode

— mfink
fonte

Vorrei condividere la mia esperienza con Opera / Mac OS. Esiste un pannello di ispezione simile, disponibile dal menu Strumenti di sviluppo | La funzione di misurazione viene attivata dopo la selezione di uno strumento a freccia nell'angolo in alto a sinistra di quel pannello. Quello che ho scoperto è che la misurazione dei pixel dipende dal livello di zoom della pagina Web (menu Zoom | Zoom avanti / Zoom indietro). Nel mio caso, ho provato a misurare alcuni elementi in un browser game. Non è stato possibile ingrandirlo affatto, ovvero lo zoom non ha modificato un singolo pixel sullo schermo, eppure le misurazioni erano diverse a diversi livelli di zoom. Lo stesso può valere anche per Safari.

— JRP
fonte