Chrome ha una bella funzionalità che consente di emulare i dispositivi nella console degli sviluppatori. Ma mi piace l'editor di stile confezionato con il nuovo firefox (edizione degli sviluppatori). Come dovremmo emulare un dispositivo, come possiamo fare in chrome?Come emulare il browser Chrome per i dispositivi mobili in sviluppatori firefox edizione
risposta
caratteristica specifica Chrome non si limita a "dimensioni dello schermo" (in modo efficace dimensione della finestra), che è possibile anche con Firefox ispettore come suggerito in un commento di Noitidart e riportati per completezza:
- È possibile premere
Ctrl + Shift + M
(aprirà la "Responsive View design") - accessibile anche da "Menu principale ">" Developer ">Reponsive Visualizzazione Struttura
- Selezionare" Responsive Design Vedi "pulsante nella barra degli strumenti del Toolbox
(ulteriori riferimenti su questo in questo link Responsive Design View)
Chrome, invece, emula anche User Agent, ad esempio per attivare specifici controlli JS UA che abilitano lo specifico rilevamento dispositivi caratteristiche create dagli autori delle applicazioni web.
Attualmente, Firefox non ha questo tipo di funzione nativamente ma è stato richiesto più volte nella comunità ufficiale e sembra in fase di sviluppo:
- Can you please add user agent switcher in tool?
- Give me a way to fully emulate the mobile browser in FF desktop
In ogni caso, è possibile compensare con alcuni add-on come:
In Firefox 47 è stata aggiunta [un'opzione per modificare la stringa dell'agente utente] (https://bugzilla.mozilla.org/show_bug.cgi?id=828008) all'interno della Modalità progettazione reattiva. –
cosa si intende emulare dalla simpatia dispositivo di connessione, e ispezionare le applicazioni Cordova/PhoneGap dal browser Chrome? Puoi condividere screenshot? Se questo è il gioco, lo amo anche io e sto anche cercando di farlo in Firefox, sono riuscito a farlo solo per Firefox su dispositivi Android e Firefox OS ma non per Android Corodova Apps. – Noitidart
Non è necessario connettere un dispositivo, – Rockstar5645
Grazie per lo screenshot! Ah capisco, quindi vuoi semplicemente ridimensionare la finestra in diverse dimensioni? Premi 'Ctrl' +' Shift' + 'M' per aprire la" Vista Progettazione Responsive ". Accessibile anche da "Menu principale"> "Sviluppatore"> Visualizza design ripetitivo. – Noitidart