Kotisivu » Toolkit » Chrome DevTools -sovelluksen ottaminen käyttöön etäkäyttöön

    Chrome DevTools -sovelluksen ottaminen käyttöön etäkäyttöön

    Kenneth Auchenberg luo Chrome DevTools -sovelluksen yrittäen ottaa devtools-selaimen pois - tässä tapauksessa Chrome-selaimesta. Tämä sovellus on rakennettu NW.js: n pohjalta ja sitä voidaan käyttää sekä Mac OS X: ssä että Linuxissa ja Windowsissa.

    On monia syitä, jotka johtivat valmistajan luomaan tämän, mutta hänen näkemyksensä koostuu siitä, että kehittäjille annetaan kauko-ohjeet useista selaimista, kaikki samasta yhtenäisestä alustasta (sovellus). Ajatus vie jonkin aikaa kiinni ja toteutua useista eri syistä (ja vastustuksesta, jonka voit lukea hänen blogissaan).

    Tarkastelemme lyhyesti Chrome DevTools -sovellusta ja katsomme, mitä Googlella on tarjota kehittäjille.

    Lisää Hongkiatista:

    • Aloittaminen Chrome-kehitystyökalujen kanssa
    • 5 (Lisää) Hyödyllisiä Chrome DevTools -vinkkejä kehittäjille
    • Google Chrome DevTools -teeman muokkaaminen

    Asennus

    Lataa Chrome-Devtools.app.zip ja poista se. Suorita kaksoisnapsauttaminen. Käynnistä Chrome-selain ja ota käyttöön etäkuvaus.

    Voit tehdä tämän Macissa avaamalla päätelaitteen ja suorittamalla alla olevan komennon:

    sudo / Sovellukset / Google Chrome.app/Contents/MacOS/Google \ t

    Jos suoritat ikkunoita, avaa komentokehote ja käytä tätä komentoa:

    käynnistä chrome.exe -roteote-debugging-port = 9222

    Kuinka käyttää

    Kun Chrome on jo auki, ja etävirheen korjaus on käytössä, voit nyt selata mihin tahansa sivustoon. Esimerkiksi avasimme tämän harjoituksen Hongkiat.comin. Seuraavaksi siirrymme Chrome DevTools -sovelluksen ikkunaan ja päivitä tämä luettelo (painike on oikeassa alakulmassa).

    Nyt näet Hongkiat.com-linkin (kuten alla).

    Nyt Napsauta Go-painiketta. Sinut viedään uuteen ikkunaan. Se siitä. Sinulla on Chrome DevTools -sovellus jo käynnissä. Mitä näet täällä on sama kuin "tarkastat elementtiä" Chrome-selaimessa.

    Ja täältä voit käyttää Chrome DevTools -sovellusta aivan kuten käytät DevTools-sovellusta Chromeissa natiivisti: voit tarkastaa DOM-elementin, debug JavaScriptin, työskennellä konsolin kanssa ja enemmän.

    Mitä seuraavaksi?

    Tämä sovellus on edelleen hyvin kokeellinen. Mutta nyt, ajatus ottaa DevTool pois Chromeista, kehittäjät voivat käsitellä sovellusta toimivana toimittajana ja työskennellä muiden runtimesien kanssa, kuten node.js ja iOS. Saat lisää mahdollisuuksia tutustumalla Auchenbergin ajatuskokonaisuuteen.