Pagrindinis » Įrankių rinkinys » Kaip įgalinti „Chrome DevTools App“ nuotolinio derinimo funkcijoms

    Kaip įgalinti „Chrome DevTools App“ nuotolinio derinimo funkcijoms

    „Chrome DevTools“ programą sukūrė Kenneth Auchenberg, bandydamas išjungti naršykles iš naršyklės - šiuo atveju iš „Chrome“ naršyklės. Ši programa yra sukurta remiantis NW.js ir gali veikti Mac OS X, taip pat Linux ir Windows.

    Yra daug priežasčių, dėl kurių kūrėjas sukūrė šią funkciją, tačiau jo vizija - suteikti kūrėjams patogumą nuotolinis derinimas keliose naršyklėse, visi iš tos pačios vieningos platformos (app). Idėja užtruks šiek tiek laiko, kad sugautų ir įvyktų dėl įvairių priežasčių (ir pasipriešinimo, kurį galite perskaityti savo dienoraštyje).

    Trumpai apžiūrėsime „Chrome DevTools“ programą ir peržiūrėsime, ką „Google“ turi pasiūlyti kūrėjams.

    Daugiau apie „Hongkiat“:

    • „Chrome“ kūrėjų įrankių naudojimas
    • 5 (Daugiau) Naudingi „Chrome DevTools“ patarimai programuotojams
    • Kaip pritaikyti „Google Chrome DevTools“ temą

    Diegimas

    Atsisiųskite „Chrome-Devtools.app.zip“ ir ištraukite. Dukart spustelėkite, jei norite paleisti. Paleiskite „Chrome“ naršyklę ir įgalinkite nuotolinį derinimą.

    Norėdami tai padaryti „Mac“, atidarykite terminalą ir paleiskite toliau nurodytą komandą:

    sudo / Programos / „Google“ Chrome.app/Contents/MacOS/Google „Chrome“ atminties derinimo prievadas = 9222

    Jei paleisite langus, atidarykite komandų eilutę ir naudokite šią komandą:

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

    Kaip naudoti

    Kai „Chrome“ jau yra atidarytas, įjungus nuotolinio derinimo funkciją, dabar galite peržiūrėti bet kurią svetainę. Pavyzdžiui, šią užduotį atidarėme „Hongkiat.com“. Be to, mes pereiname prie „Chrome DevTools“ programos lango ir atnaujinkite šį sąrašą (mygtukas yra dešinėje apačioje).

    Dabar pamatysite nurodytą „Hongkiat.com“ nuorodą (kaip parodyta žemiau).

    Dabar spustelėkite mygtuką „Eiti“. Jūs pateksite į naują langą. Viskas. „Chrome DevTools“ programa jau veikia ir veikia. Tai, ką matysite čia, yra tokia pati, kaip „naršant elementą“ „Chrome“ naršyklėje.

    Iš čia galite naudoti „Chrome DevTools“ programą, kaip naudodami „DevTools“ „Chrome“ natūraliai: galite patikrinti „DOM“ elementą, derinti „JavaScript“, dirbti su konsolėmis ir dar daugiau.

    Kas toliau?

    Ši programa vis dar yra labai eksperimentinė. Tačiau dabar „DevTool“ iš „Chrome“ leidžia idėja, kad kūrėjai gali apdoroti programą kaip funkcinį redaktorių ir dirbti su kitais „runtimes“, pvz., „Node.js“ ir „iOS“. Norėdami gauti daugiau galimybių, galite patikrinti Auchenbergo minties traukinį.