2015-12-20 25 views
5

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

emulating a device

+0

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

+0

Non è necessario connettere un dispositivo, – Rockstar5645

+0

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

risposta

1

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:

In ogni caso, è possibile compensare con alcuni add-on come:

+1

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. –