it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Come abilitare l'app Chrome DevTools per il debug remoto

L'app Chrome DevTools è stata creata da Kenneth Auchenberg nel tentativo di rimuovere devtools dal browser, in questo caso fuori dal browser Chrome. Questa applicazione è basata su NW.js e può essere eseguita su Mac OS X e su Linux e Windows.

Ci sono molte ragioni che hanno spinto il produttore a creare questo, ma la sua visione consiste nel dare agli sviluppatori la convenienza del debug remoto su più browser, il tutto dalla stessa piattaforma unificata (app). L'idea richiederà del tempo per essere presa e materializzata a causa di una serie di motivi (e di resistenza, che puoi leggere sul suo blog).

Daremo un'occhiata all'app Chrome DevTools e vediamo cosa Google ha da offrire agli sviluppatori.

Altro su Hongkiat:

  • Guida introduttiva agli strumenti per sviluppatori di Chrome
  • 5 (Altro) Consigli utili per sviluppatori di Chrome DevTools
  • Come personalizzare il tema Google Chrome DevTools

Installazione

Scarica Chrome-Devtools.app.zip ed estrailo. Fare doppio clic per eseguire. Avvia il tuo browser Chrome e attiva il debug remoto.

Per farlo su Mac, apri il terminale ed esegui il comando seguente:

 sudo / Applicazioni / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222 

Se si esegue Windows, aprire il prompt dei comandi e utilizzare questo comando:

 avvia chrome.exe -remote-debugging-port = 9222 

Come usare

Quando Chrome è già aperto, con la funzione di debug remoto abilitata, puoi ora accedere a qualsiasi sito. Ad esempio abbiamo aperto Hongkiat.com per questo esercizio. Successivamente, ci dirigiamo verso la finestra dell'app Chrome DevTools e aggiorniamo questo elenco (il pulsante è in basso a destra).

Ora vedrai il link Hongkiat.com elencato (come mostrato sotto).

Ora fai clic sul pulsante "Vai" . Sarai portato a una nuova finestra. Questo è tutto. Hai già installato l'app Chrome DevTools. Quello che vedrai qui è lo stesso di quando "ispezioni elemento" sul browser Chrome.

E da qui puoi utilizzare l'app Chrome DevTools proprio come se si utilizzasse DevTools su Chrome in modo nativo: puoi controllare l'elemento DOM, eseguire il debug di JavaScript, lavorare con Console e altro ancora.

Qual'è il prossimo?

Questa app è ancora molto sperimentale. Ma per ora, l'idea di prendere il DevTool da Chrome consente agli sviluppatori di trattare l'app come un editor funzionale e di lavorare con altri runtime come node.js e iOS. Per ulteriori possibilità, puoi controllare il treno di pensieri di Auchenberg qui.

10 suggerimenti per migliorare la fotografia dello smartphone

10 suggerimenti per migliorare la fotografia dello smartphone

Il telefono con fotocamera ha cambiato la nozione di fotografia tradizionale, soprattutto perché è più facile portare in giro un telefono con fotocamera che si adatta alla tua tasca piuttosto che trascinarsi dietro la DSLR molto più ingombrante. Questo fenomeno ha generato un afflusso di app per la condivisione di foto e di fotoritocco e probabilmente ha contribuito a cambiare il modo in cui lavorano fotografi professionisti e fotoreporter.La

(Consigli tecnici e di design)

Idee per lo scambio di regali: 40 regali che puoi ottenere sotto $ 5

Idee per lo scambio di regali: 40 regali che puoi ottenere sotto $ 5

La parte migliore dello shopping natalizio sono gli affari messi a disposizione in alcuni negozi, sia online che fisici. Se sai dove guardare, puoi trovare gemme per il prezzo di $ 5. Abbiamo svolto il lavoro di gruppo e abbiamo trovato 50 di queste sotto-$ 5 cose che puoi acquistare durante questa stagione festiva (non stiamo scherzando, si tratta di affari sensibili al tempo)

(Consigli tecnici e di design)