Google-kirjautuminen kehittäjäkonsoliin. Kuinka lisätä pelejä Google Playhin. Koodinpalan suoritusajan mittaaminen

Hei kaikki, jotka haluavat luoda pelejä.
Tässä artikkelissa kerron sinulle, mikä sinua odottaa konsolissa Google Play Kehittäjä.
Jos päätät ryhtyä Android-pelien kehittäjäksi, valmista 25 taalaa ja lisätään peli Googleen Play Market.

Kehittäjätili

Ensinnäkin sinun on luotava kehittäjätili. Google suosittelee erillisen tilin luomista erityisesti Google Play -kehittäjälle.
Kirjaudu Googleen ja seuraa linkkiä https://play.google.com/apps/publish/signup/.

Täällä sinun on hyväksyttävä Google Play -säännöt ja syötettävä tietosi luottokortti ja maksat 25 dollaria vuodesta, kun omistat kehittäjätilin.

Kehittäjän nimi

Lataa peli

Olet siis kehittäjätilillä!

Huomio! Paneelin suunnittelu Googlen hallinta Play Developer on muutettu.
Tämän artikkelin kuvakaappaukset on otettu vanhalla mallilla.

Ennen kuin lataat APK-tiedoston Google Playhin, sinun on allekirjoitettava hakemuksesi tässä artikkelissa kuvatulla tavalla.

Älä poista allekirjoitustiedostoa tietokoneeltasi. Tarvitset sitä, kun lataat uusia versioita sovelluksestasi.

Ja sinun on myös muutettava oletuspaketin nimi fi.yrityksesi.sovelluksesi
osoitteeseen .[kehittäjän nimi].[sovelluksen nimi]

Ja ilmoita sovelluksesi versio.

Kun julkaiset päivityksen peliisi ja lataat uuden APK-tiedoston, sinun on vaihdettava sovelluksen versiota. Et voi ladata sovellusta samalla versionumerolla (sovellusversio näkyy Google Playssa).

Tämän jälkeen voit lisätä APK-tiedoston. Napsauta painiketta

Yläoikea

Kirjoita sovelluksen nimi ja napsauta painiketta Lataa APK.

Tämän jälkeen voit halutessasi vaihtaa sovelluksen nimen.


klo suljettu beetatestauksen aikana sovelluksesi näytetään Play Marketissa vain sinulle ja ne ihmiset, joiden tilit määrität testaajiksi. Voit määrittää enintään 1 000 betatestiin osallistujaa.

painaa nappia "Lataa beetaversion ensimmäinen APK-tiedosto" ja valitse tiedosto tietokoneeltasi.

APK-tiedoston enimmäiskoko on 100 Mt. Vaikka sovelluksesi on Androidille 2.2 ja aiemmissa versioissa, voit ladata sovelluksen, joka painaa vain 50 Mt.

Täällä voit luoda luettelon testaajista, joilla on pääsy beetasovellukseesi.


Kaikki on täällä melko yksinkertaista. Sinun on täytettävä hakemuksen kuvaus. Tämän kuvauksen tulee olla joitakin sääntöjä.
Lyhyt kuvaus näet hakemussivulla:

Sinun on myös ladattava sovelluksen kuvake ja kuvakaappaukset.
Täytä kaikki mitä tarvitset. Älä myöskään unohda ladata kuvia kaikille välilehdille:

Jatketaan seuraava sivu.

Täällä kaikki on vielä yksinkertaisempaa. Sinun on syötettävä sähköpostiosoitteesi ja valittava sovellusluokka.

Ja sitten vastaa yksinkertaisiin kysymyksiin pelistäsi.

Ja sille annetaan sopiva ikäluokitus, kuten tämä:


Viimeinen kohta - Hinnat ja jakelu

Tässä sinun on määritettävä, onko hakemuksesi maksullinen vai ilmainen.

Maksullinen hakemus voidaan tehdä ilmaiseksi. Mutta ilmainen sovellus ei voida maksaa. Jotta voit ansaita tuloja sovelluksesi myynnistä, sinun on julkaistava se uudella paketin nimellä (com.yourcompany. your application) ja asetettava hinta.


Huolellisesti! Google Play -säännöt

Älä yritä julkaista pelejä, joissa on grafiikkaa muista Internetistä lataamistasi peleistä. Tämä saattaa estää kehittäjän tilin. Mutta hyvä uutinen on, että voit käyttää grafiikkaa vakiokirjastot Clickteam Fusion 2.5! Pelit, joissa on Clickteam Fusion 2.5:n esineitä, läpäisevät valvonnan Google Playssa ilman ongelmia.

Valmis!

Kun olet suorittanut kaikki vaiheet,

Yleisesti ottaen kaikki on melko yksinkertaista. Hallintapaneeli itsessään antaa selkeät vihjeet, jos jokin on jäänyt paitsi. Sinun tarvitsee vain klikata linkkiä ja näet jotain tällaista:

Siinä kaikki. Toivottavasti pidit siitä. Toivotan sinulle menestystä pelien kehityksessä ja miljoona latausta

Hei kaikki, jotka haluavat luoda pelejä. Tässä artikkelissa kerron, mikä sinua odottaa Google Play -kehittäjäkonsolissa. Jos päätät ryhtyä Android-pelien kehittäjäksi, varaa 25 taalaa ja lisätään peli Google Play -kauppaan. Kehittäjätili Ensinnäkin sinun on luotava kehittäjätili. Google suosittelee erillisen tilin luomista erityisesti Google Play -kehittäjälle. Kirjaudu Googleen ja seuraa linkkiä https://play.google.com/apps/publish/signup/. Täällä sinun on hyväksyttävä Google Playn säännöt, annettava luottokorttitietosi ja maksettava 25 dollaria vuodesta, kun omistat kehittäjätilin. Seuraavaksi sinun on täytettävä kehittäjäprofiilitiedot. Kehittäjän nimi näytetään...

Kuinka lisätä pelejä Google Playhin

Kuinka lisätä pelejä Google Playhin


Valtava Google Play -sovelluskirjasto ei ole vain lähde valtavalle määrälle monenlaisia ​​ohjelmia mobiililaitteet pohjalla käyttöjärjestelmä Android, mutta myös tapa ilmaista itseäsi. Puhumme aloittelevista ohjelmistokehittäjistä, joilla on erinomainen tilaisuus näyttää kykynsä ja täydentää virtuaalisia hyllyjään ohjelmisto luomuksesi kanssa.

Haluatko tulla Googlen kehittäjäksi ja sijoittaa sovelluksesi Play Marketiin? Tätä varten sinun on luotava tilisi ja maksettava 25 dollarin kertamaksu. Lisäksi jokaisella rekisteröityneellä kehittäjällä on mahdollisuus kutsua muita, jakaa sopivat roolit ja tuottaa yhdessä tätä tai toista ohjelmistoa. Yritys huolehtii takuulla tilastojen ylläpidosta, myynnin ja maksujen järjestämisestä ja laskuttaa kolmekymmentä prosenttia kokonaistuloista. Samaan aikaan itse sovellukset voivat hyvinkin olla ilmaisia ​​- mainonnan kanssa tai ilman.

Mitä tulee Googlen ylläpitämiin tilastoihin, se sisältää yksityiskohtaisia ​​tietoja laitteista, itse asennusten tai poistojen lukumäärästä ja niin edelleen. Näin kehittäjä voi itse säätää sovelluksensa tai sovellusten ominaisuuksia käyttäjän käyttäytymisen mukaan. Yritys tarjoaa myös henkilökohtaisia ​​suosituksia ja neuvoja luodun ohjelmiston optimointiin, mikä lisää merkittävästi sen suosiota. Luodaksesi tilin, sinun tulee seurata seuraavaa linkkiä:

Tätä varten sinun on ilmoitettava oma koko nimi, sekä lempinimi, joka liittyy Google-postiin. Yritä keksiä yksinkertainen ja samalla ainutlaatuinen nimi (lempinimi), jotta se on tunnistettavissa ja helppo muistaa. Kaikki yksityiskohdat saat selville klikkaamalla yllä olevaa linkkiä.

Kun olet luonut tilin, sinun on mentävä osoitteeseen kehittäjäkonsoli, ja sitä varten on seuraava linkki:


Tässä vaiheessa sinun tulee valita valintaruutu hyväksyäksesi luomasi ohjelmiston jakelua koskevan sopimuksen ehdot ja maksaa 25 dollarin osallistumismaksu. Tätä varten tarvitset tietysti virtuaalisen pankkikortti. Mitä tulee valuuttaan, se voi olla myös rupla, koska järjestelmä muuntaa automaattisesti sopivalla kurssilla.

Muista, että tämä osallistumismaksu on kertamaksu ja sinulla on oikeus kutsua muita kehittäjiä yhteistuotantoon ohjelmistoja. Voit siis yksinkertaisesti koota koko joukkueen ja jakaa vain yhden tilin, eikä osallistumismaksun määrää voi jakaa kaikille.

  • Verkkosivujen kehitys,
  • JavaScript,
  • Google Chrome,
  • HTML
    • Käännös

    Kuinka käyttää kehittäjäkonsolia kääntämiseen Google Chrome samankaltaisessa muodossa tekstieditori? Minkä merkityksen monille jQuerysta tuttu kuvake saa? $ ? Kuinka voin näyttää joukon arvoja konsolissa muotoiltuna melko kunnolliseksi taulukoksi? Jos vastaukset näihin kysymyksiin eivät heti tule mieleen, välilehti Konsoli Chromen kehittäjätyökalut eivät ole vielä paljastaneet itseään sinulle kaikessa loistossaan.


    Ensi silmäyksellä edessämme on täysin tavallinen JavaScript-konsoli, joka soveltuu vain palvelimen vastauslokien tai muuttujien arvojen näyttämiseen. Muuten, niin käytin sitä, kun aloitin ohjelmoinnin. Ajan myötä sain kuitenkin kokemusta, opin vähän lisää ja huomasin yllättäen, että Chrome-konsoli pystyy tekemään monia asioita, joista minulla ei ollut aavistustakaan. Haluan puhua tästä tänään. Kyllä, jos et lue nyt matkapuhelimella, voit kokeilla kaikkea tätä heti.

    1. DOM-elementtien valinta

    Jos olet perehtynyt jQueryyn, ei ole minun asiani kertoa sinulle sellaisten konstruktien tärkeydestä kuin $('.class') Ja $('id'). Niille, jotka eivät tiedä, voit valita DOM-elementtejä määrittämällä niille määritetyt luokat ja tunnisteet. Kehittäjäkonsolissa on samanlaiset toiminnot. Tässä "$":lla ei kuitenkaan ole mitään tekemistä jQueryn kanssa, vaikka se tekee olennaisesti saman asian. Tämä on toiminnon alias document.querySelector().

    Lomakkeen komennot $('tagName'), $('.class'), $('#id') Ja $('.class #id') palauttaa ensimmäisen valitsinta vastaavan DOM-elementin. Lisäksi, jos jQuery on saatavilla asiakirjassa, tämä konsolitoiminto ohittaa sen "$".

    Täällä on toinen malli: $$ . Sen käyttö näyttää $$('tagName') tai $$('.luokka'). Sen avulla voit valita kaikki valitsinta vastaavat DOM-elementit ja sijoittaa ne taulukkoon. Työskentely sen kanssa ei eroa muista matriiseista. Jos haluat valita tietyn elementin, voit käyttää sitä indeksin avulla.

    Esimerkiksi komento $$('.className') tarjoaa meille joukon kaikkia sivuelementtejä, joiden luokan nimi on määritetty sitä kutsuttaessa. Joukkueet $$('.className') Ja $$('.className') antaa pääsyn tuloksena olevan taulukon ensimmäiseen ja toiseen elementtiin.


    Kokeilu komentojen kanssa $ Ja $$

    2. Muuta selain tekstieditoriksi

    Oletko koskaan saanut itsesi ajattelemaan, että olisi mukavaa muokata virheenkorjattavan verkkosivun tekstiä suoraan selaimessa? Jos kyllä, pidät alla esitetystä komennosta.

    Document.body.contentEditable=true
    Konsolissa suorituksen jälkeen selaimessa avattua dokumenttia voidaan muokata ilman hakuja haluttu fragmentti HTML-koodissa.

    3. Elementtiin sidottujen tapahtumakäsittelijöiden etsiminen

    Viankorjauksen aikana saatat joutua etsimään elementteihin sidottuja tapahtumakäsittelijöitä. Tämä on erittäin helppo tehdä konsolin avulla. Sinun tarvitsee vain käyttää tätä komentoa:

    GetEventListeners($('valitsin'))
    Sen suorittamisen tuloksena tuotetaan joukko objekteja, jotka sisältävät luettelon tapahtumista, joihin elementti voi vastata.


    Tapahtumanjärjestäjät

    Löytääksesi käsittelijän tietylle tapahtumalle, voit käyttää seuraavaa rakennetta:

    GetEventListeners($('valitsin')).eventName.listener
    Tämä komento tulostaa tapahtumakäsittelijän toimintokoodin. Tässä tapahtuman nimi on taulukko, joka sisältää kaikki tietyn tyyppiset tapahtumat. Käytännössä se voi näyttää esimerkiksi tältä:

    GetEventListeners($('#firstName')).click.listener
    Tämän seurauksena saamme tapahtumaan liittyvän toiminnon koodin klikkaus elementti tunnuksella etunimi.

    4. Tapahtumavalvonta

    Jos haluat tarkkailla tiettyyn DOM-elementtiin sidottujen tapahtumien esiintymistä, konsoli voi auttaa tässä. Tässä on joitain komentoja, joilla voit seurata tapahtumia.
    • Tiimi monitorEvents($('valitsin')) voit järjestää kaikkien tapahtumien seurannan, jotka liittyvät valitsinta vastaavaan elementtiin. Kun tapahtuma tapahtuu, konsoliin tehdään merkintä. Esimerkiksi komento monitorEvents($('#firstName')) voit kirjata kaikki tapahtumat, jotka liittyvät elementtiin, jonka tunniste on etunimi.
    • Tiimi monitorEvents($('valitsin'),'tapahtumannimi') samanlainen kuin edellinen, mutta se on suunnattu tiettyyn tapahtumaan. Tässä elementin valitsimen lisäksi funktiolle välitetään myös tapahtuman nimi. Tämän komennon avulla voit näyttää konsolille tiedot yhden tapahtuman esiintymisestä. Esimerkiksi komento monitorEvents($('#firstName'),'click') näyttää tiedot vain tapahtumasta klikkaus elementti tunnuksella etunimi.
    • Tiimi monitorEvents($('valitsija'),['tapahtumannimi1','tapahtumannimi3",….]) voit seurata useita valittuja tapahtumia. Tässä funktiolle välitetään merkkijonotaulukko, joka sisältää tapahtumien nimet. Esimerkiksi tämä komento: monitorEvents($('#firstName'),['click', 'focus']) tulostaa tapahtumatiedot konsoliin klikkaus Ja keskittyä elementille, jolla on id etunimi.
    • Tiimi unmonitorEvents($('valitsin')) voit lopettaa tapahtumien seurannan ja kirjaamisen konsolissa.

    5. Koodikappaleen suoritusajan mittaaminen

    Katselutoiminto on käytettävissä Chrome-konsolissa console.time('labelName'), joka ottaa tunnisteen argumenttina ja käynnistää ajastimen. Vielä yksi toiminto console.timeEnd('labelName'), pysäyttää ajastimen, jolle sille välitetty tarra on määritetty. Tässä on esimerkki näiden toimintojen käytöstä:

    Console.time("myTime"); //Käynnistää ajastimen, jonka nimi on myTime console.timeEnd("myTime"); //Pysäyttää myTime-tunnisteen //Output: myTime:123.00 ms
    Yllä olevan esimerkin avulla voit selvittää ajastimen käynnistämisen ja pysäyttämisen välisen ajan. Voit tehdä saman JavaScript-ohjelman sisällä ja löytää koodinpalan suoritusajan.

    Oletetaan, että minun on selvitettävä silmukan kesto. Voit tehdä sen näin:

    Console.time("myTime"); // Käynnistää ajastimen, jonka nimi on myTime for(var i=0; i< 100000; i++){ 2+4+5; } console.timeEnd("mytime"); // Останавливает таймер с меткой myTime //Вывод - myTime:12345.00 ms

    6. Muuttujien arvojen näyttäminen taulukoiden muodossa

    Oletetaan, että meillä on joukko objekteja, kuten tämä:

    Muutt myArray=[(a:1,b:2,c:3),(a:1,b:2,c:3,d:4),(k:11,f:22),(a:1 ,b:2,c:3)]
    Jos näytät sen konsolissa, saat hierarkkisen rakenteen itse asiassa objektijoukon muodossa. Tämä on hyödyllinen ominaisuus, sillä rakenteen haaroja voidaan laajentaa tarkastelemalla objektien sisältöä. Tällä lähestymistavalla on kuitenkin vaikea ymmärtää, miten samankaltaisten elementtien ominaisuudet liittyvät toisiinsa. Tällaisten tietojen käsittelyn helpottamiseksi ne voidaan muuntaa taulukkomuotoon. Voit tehdä tämän käyttämällä seuraavaa komentoa:

    Console.table(muuttujanNimi)
    Sen avulla voit näyttää muuttujan ja kaikki sen ominaisuudet taulukon muodossa. Tältä se näyttää.

    Objektijoukon näyttäminen taulukona

    7. Tarkastele elementtikoodia

    Pääset nopeasti elementtikoodiin konsolista seuraavilla komennoilla:
    • Tiimi tarkasta($('valitsin')) voit avata paneelin valitsinta vastaavan elementin koodin Elementit Google Chrome -kehittäjätyökalut. Esimerkiksi komento tarkastaa($('#etunimi')) avulla voit tarkastella elementin koodia tunnisteella etunimi. Tiimi tarkastaa($$('a')) avaa koodin neljännelle linkille, joka on DOM:ssa.
    • Lomakkeen komennot $0 , $1 , $2 Voit siirtyä nopeasti viimeksi katsottuihin kohteisiin. Esimerkiksi, $0 avaa viimeksi katsotun elementin koodin ja niin edelleen.

    8. Elementin ominaisuuksien luettelon näyttäminen

    Jos haluat tarkastella elementin ominaisuuksien luetteloa, konsoli auttaa myös tässä. Tässä käytetään seuraavaa komentoa:

    Dir($('valitsin'))
    Se palauttaa objektin, joka sisältää tiettyyn DOM-elementtiin liittyviä ominaisuuksia. Kuten muissakin vastaavissa tapauksissa, tämän objektin sisältöä voidaan tutkia tarkastelemalla sen puurakennetta.

    9. Viimeisimmän vastaanotetun tuloksen kutsuminen

    Konsolia voidaan käyttää laskimena, kuten kaikki varmaan tietävät. Mutta harvat ihmiset tietävät, että siinä on sisäänrakennetut työkalut, joiden avulla voit käyttää aikaisempien laskelmien tuloksia komentoissa. Suunnittelultaan $_ voit hakea edellisen lausekkeen tuloksen muistista. Tältä se näyttää:

    2+3+4 9 //- Summauksen tulos on 9 $_ 9 // Viimeinen saatu tulos näytetään $_ * $_ 81 // Koska viimeinen tulos on 9, saadaan 81 Math.sqrt($ _) 9 // Neliöjuuri viimeisestä tuloksesta, joka oli 81 $_ 9 // Saamme jälleen 9 - edellisen laskelman tulos

    10. Konsolin ja muistin puhdistaminen

    Jos sinun on tyhjennettävä konsoli ja muisti, käytä tätä yksinkertaista komentoa:

    Asia selvä()
    Enter-näppäimen painamisen jälkeen puhdas konsoli on valmis uusia kokeiluja varten.
    Siinä kaikki.

    11, 12, 13, 14…

    Suoraan sanottuna tässä ei vielä kaikki. Näytin vain osan Google Chrome -konsolin ei-ilmeisistä ominaisuuksista. Itse asiassa he

    Valmisteluvaihe sovelluksen julkaisemiseksi Google Playssa vie vain muutaman minuutin. Tätä varten sinun on suoritettava seuraavat vaiheet:

    • Rekisteröi kehittäjätili Google Playssa
    • Rekisteröi myyjätili Google Walletiin, jos aiot julkaista maksullisen sovelluksen
    • Tutustu Google Playn kehittäjäkonsoliin ja opi julkaisutyökaluista

    Rekisteröi kehittäjätili

    Rekisteröintiä varten tili kehittäjä, sinun on tehtävä seuraavat:

    • Siirry kehittäjäkonsoliin seuraavan linkin kautta https://play.google.com/apps/publish/
    • Lue ja hyväksy Ohjelmiston jakelusopimus, suhteessa kehittäjän maahan ja alueeseen. Huomaa, että Google Playssa julkaistujen sovellusten on noudatettava ohjelmistokehittäjien käytäntöä ja Yhdysvaltain vientilakeja.
    • Maksa 25 dollarin rekisteröintimaksu Google Walletilla. Jos sinulla ei vielä ole Google Wallet -tiliä, voit luoda sellaisen nopeasti rekisteröitymisen aikana.
    • Anna kehittäjän perustiedot - nimi, sähköpostiosoite ja niin edelleen. Kaikkia näitä tietoja voidaan muuttaa tulevaisuudessa.

    Rekisteröinnin vahvistuksen päätyttyä sinulle ilmoitetaan kirjeitse rekisteröitymisen yhteydessä ilmoitettuun sähköpostiosoitteeseen.

    Kehittäjäkonsoli

    Kun olet rekisteröitynyt ja saanut vahvistuksen mennessä sähköposti, voit kirjautua sisään Google Play -kehittäjäkonsoliin, joka on oppaasi, kun julkaiset sovelluksesi Google Playssa. Alla tässä osiossa avain säätimet kehittäjäkonsoli.

    Kaikki sovellukset -sivu avautuu lyhyt arvostelu sovelluksesi, voit siirtyä uuden sovelluksen tilastosivulle, arvosteluihin tai lataussivulle.

    Tilin tiedot

    Tilitiedot-sivulla voit antaa perustietoja itsestäsi tai yrityksestäsi. Nämä tiedot ovat todella tärkeitä, koska niiden avulla voit tunnistaa sinut Google Playn kehittäjien ja käyttäjien joukosta.

    Kehittäjätili sisältää:

    • Kehittäjän nimi - näyttönimi Googlen käyttäjät Pelata.
    • Yhteystiedot – miten Google voi tarvittaessa ottaa sinuun yhteyttä (nämä tiedot piilotetaan käyttäjiltä).
    • Kehittäjän verkkosivuston osoite - näytetään käyttäjille, jotta he voivat saada lisätietoja yrityksestäsi ja tuotteistasi.

    Sovellussivu

    Kehittäjäkonsolin avulla voit luoda sovelluksellesi värikkäitä sivuja, joita kutsutaan tietosivuiksi. Tietosivu on sovelluksesi etusivu Google Playssa. Se on sivu, jolta käyttäjät voivat saada kaikki mielenkiintoiset tiedot sovelluksesta ja ladata sen.

    Voit ladata kuvakaappauksia ja videoita, jotta sovelluksesi erottuu muista, voit lisätä Yksityiskohtainen kuvaus sovelluksesi toimintoja ja lisää muistiinpanoja päivityksistä ja paljon muuta. Tietosivun tiedot voidaan päivittää milloin tahansa.

    Lataa ja julkaise toimintoja. Kehittäjäkonsolista voit ladata nopeasti sovelluksesi julkaisun ( apk tiedosto) ja julkaise se, kun se on valmis. Lisäksi julkaisu voidaan peruuttaa milloin tahansa.

    Jakeluehtojen hallinta.Kehittäjäkonsolissa voit määrittää maat, joissa sovelluksesi on ladattavissa, ja ilmoittaa tuetut laitteet.

    Hintojen ja maksujärjestelmien hallinta

    Tilastot ja arvostelut. Tämä kohta on kuvattu aiemmin

  • Verkkosivujen kehitys,
  • JavaScript,
  • Google Chrome,
  • HTML
    • Käännös

    Miten Google Chromesta tulee eräänlainen tekstieditori kehittäjäkonsolin avulla? Minkä merkityksen monille jQuerysta tuttu kuvake saa? $ ? Kuinka voin näyttää joukon arvoja konsolissa muotoiltuna melko kunnolliseksi taulukoksi? Jos vastaukset näihin kysymyksiin eivät heti tule mieleen, välilehti Konsoli Chromen kehittäjätyökalut eivät ole vielä paljastaneet itseään sinulle kaikessa loistossaan.


    Ensi silmäyksellä edessämme on täysin tavallinen JavaScript-konsoli, joka soveltuu vain palvelimen vastauslokien tai muuttujien arvojen näyttämiseen. Muuten, niin käytin sitä, kun aloitin ohjelmoinnin. Ajan myötä sain kuitenkin kokemusta, opin vähän lisää ja huomasin yllättäen, että Chrome-konsoli pystyy tekemään monia asioita, joista minulla ei ollut aavistustakaan. Haluan puhua tästä tänään. Kyllä, jos et lue nyt matkapuhelimella, voit kokeilla kaikkea tätä heti.

    1. DOM-elementtien valinta

    Jos olet perehtynyt jQueryyn, ei ole minun asiani kertoa sinulle sellaisten konstruktien tärkeydestä kuin $('.class') Ja $('id'). Niille, jotka eivät tiedä, voit valita DOM-elementtejä määrittämällä niille määritetyt luokat ja tunnisteet. Kehittäjäkonsolissa on samanlaiset toiminnot. Tässä "$":lla ei kuitenkaan ole mitään tekemistä jQueryn kanssa, vaikka se tekee olennaisesti saman asian. Tämä on toiminnon alias document.querySelector().

    Lomakkeen komennot $('tagName'), $('.class'), $('#id') Ja $('.class #id') palauttaa ensimmäisen valitsinta vastaavan DOM-elementin. Lisäksi, jos jQuery on saatavilla asiakirjassa, tämä konsolitoiminto ohittaa sen "$".

    Täällä on toinen malli: $$ . Sen käyttö näyttää $$('tagName') tai $$('.luokka'). Sen avulla voit valita kaikki valitsinta vastaavat DOM-elementit ja sijoittaa ne taulukkoon. Työskentely sen kanssa ei eroa muista matriiseista. Jos haluat valita tietyn elementin, voit käyttää sitä indeksin avulla.

    Esimerkiksi komento $$('.className') tarjoaa meille joukon kaikkia sivuelementtejä, joiden luokan nimi on määritetty sitä kutsuttaessa. Joukkueet $$('.className') Ja $$('.className') antaa pääsyn tuloksena olevan taulukon ensimmäiseen ja toiseen elementtiin.


    Kokeilu komentojen kanssa $ Ja $$

    2. Muuta selain tekstieditoriksi

    Oletko koskaan saanut itsesi ajattelemaan, että olisi mukavaa muokata virheenkorjattavan verkkosivun tekstiä suoraan selaimessa? Jos kyllä, pidät alla esitetystä komennosta.

    Document.body.contentEditable=true
    Konsolissa suorituksen jälkeen selaimessa avattua dokumenttia voidaan muokata ilman, että haluttua fragmenttia tarvitsee etsiä HTML-koodista.

    3. Elementtiin sidottujen tapahtumakäsittelijöiden etsiminen

    Viankorjauksen aikana saatat joutua etsimään elementteihin sidottuja tapahtumakäsittelijöitä. Tämä on erittäin helppo tehdä konsolin avulla. Sinun tarvitsee vain käyttää tätä komentoa:

    GetEventListeners($('valitsin'))
    Sen suorittamisen tuloksena tuotetaan joukko objekteja, jotka sisältävät luettelon tapahtumista, joihin elementti voi vastata.


    Tapahtumanjärjestäjät

    Löytääksesi käsittelijän tietylle tapahtumalle, voit käyttää seuraavaa rakennetta:

    GetEventListeners($('valitsin')).eventName.listener
    Tämä komento tulostaa tapahtumakäsittelijän toimintokoodin. Tässä tapahtuman nimi on taulukko, joka sisältää kaikki tietyn tyyppiset tapahtumat. Käytännössä se voi näyttää esimerkiksi tältä:

    GetEventListeners($('#firstName')).click.listener
    Tämän seurauksena saamme tapahtumaan liittyvän toiminnon koodin klikkaus elementti tunnuksella etunimi.

    4. Tapahtumavalvonta

    Jos haluat tarkkailla tiettyyn DOM-elementtiin sidottujen tapahtumien esiintymistä, konsoli voi auttaa tässä. Tässä on joitain komentoja, joilla voit seurata tapahtumia.
    • Tiimi monitorEvents($('valitsin')) voit järjestää kaikkien tapahtumien seurannan, jotka liittyvät valitsinta vastaavaan elementtiin. Kun tapahtuma tapahtuu, konsoliin tehdään merkintä. Esimerkiksi komento monitorEvents($('#firstName')) voit kirjata kaikki tapahtumat, jotka liittyvät elementtiin, jonka tunniste on etunimi.
    • Tiimi monitorEvents($('valitsin'),'tapahtumannimi') samanlainen kuin edellinen, mutta se on suunnattu tiettyyn tapahtumaan. Tässä elementin valitsimen lisäksi funktiolle välitetään myös tapahtuman nimi. Tämän komennon avulla voit näyttää konsolille tiedot yhden tapahtuman esiintymisestä. Esimerkiksi komento monitorEvents($('#firstName'),'click') näyttää tiedot vain tapahtumasta klikkaus elementti tunnuksella etunimi.
    • Tiimi monitorEvents($('valitsija'),['tapahtumannimi1','tapahtumannimi3",….]) voit seurata useita valittuja tapahtumia. Tässä funktiolle välitetään merkkijonotaulukko, joka sisältää tapahtumien nimet. Esimerkiksi tämä komento: monitorEvents($('#firstName'),['click', 'focus']) tulostaa tapahtumatiedot konsoliin klikkaus Ja keskittyä elementille, jolla on id etunimi.
    • Tiimi unmonitorEvents($('valitsin')) voit lopettaa tapahtumien seurannan ja kirjaamisen konsolissa.

    5. Koodikappaleen suoritusajan mittaaminen

    Katselutoiminto on käytettävissä Chrome-konsolissa console.time('labelName'), joka ottaa tunnisteen argumenttina ja käynnistää ajastimen. Vielä yksi toiminto console.timeEnd('labelName'), pysäyttää ajastimen, jolle sille välitetty tarra on määritetty. Tässä on esimerkki näiden toimintojen käytöstä:

    Console.time("myTime"); //Käynnistää ajastimen, jonka nimi on myTime console.timeEnd("myTime"); //Pysäyttää myTime-tunnisteen //Output: myTime:123.00 ms
    Yllä olevan esimerkin avulla voit selvittää ajastimen käynnistämisen ja pysäyttämisen välisen ajan. Voit tehdä saman JavaScript-ohjelman sisällä ja löytää koodinpalan suoritusajan.

    Oletetaan, että minun on selvitettävä silmukan kesto. Voit tehdä sen näin:

    Console.time("myTime"); // Käynnistää ajastimen, jonka nimi on myTime for(var i=0; i< 100000; i++){ 2+4+5; } console.timeEnd("mytime"); // Останавливает таймер с меткой myTime //Вывод - myTime:12345.00 ms

    6. Muuttujien arvojen näyttäminen taulukoiden muodossa

    Oletetaan, että meillä on joukko objekteja, kuten tämä:

    Muutt myArray=[(a:1,b:2,c:3),(a:1,b:2,c:3,d:4),(k:11,f:22),(a:1 ,b:2,c:3)]
    Jos näytät sen konsolissa, saat hierarkkisen rakenteen itse asiassa objektijoukon muodossa. Tämä on hyödyllinen ominaisuus, sillä rakenteen haaroja voidaan laajentaa tarkastelemalla objektien sisältöä. Tällä lähestymistavalla on kuitenkin vaikea ymmärtää, miten samankaltaisten elementtien ominaisuudet liittyvät toisiinsa. Tällaisten tietojen käsittelyn helpottamiseksi ne voidaan muuntaa taulukkomuotoon. Voit tehdä tämän käyttämällä seuraavaa komentoa:

    Console.table(muuttujanNimi)
    Sen avulla voit näyttää muuttujan ja kaikki sen ominaisuudet taulukon muodossa. Tältä se näyttää.

    Objektijoukon näyttäminen taulukona

    7. Tarkastele elementtikoodia

    Pääset nopeasti elementtikoodiin konsolista seuraavilla komennoilla:
    • Tiimi tarkasta($('valitsin')) voit avata paneelin valitsinta vastaavan elementin koodin Elementit Google Chrome -kehittäjätyökalut. Esimerkiksi komento tarkastaa($('#etunimi')) avulla voit tarkastella elementin koodia tunnisteella etunimi. Tiimi tarkastaa($$('a')) avaa koodin neljännelle linkille, joka on DOM:ssa.
    • Lomakkeen komennot $0 , $1 , $2 Voit siirtyä nopeasti viimeksi katsottuihin kohteisiin. Esimerkiksi, $0 avaa viimeksi katsotun elementin koodin ja niin edelleen.

    8. Elementin ominaisuuksien luettelon näyttäminen

    Jos haluat tarkastella elementin ominaisuuksien luetteloa, konsoli auttaa myös tässä. Tässä käytetään seuraavaa komentoa:

    Dir($('valitsin'))
    Se palauttaa objektin, joka sisältää tiettyyn DOM-elementtiin liittyviä ominaisuuksia. Kuten muissakin vastaavissa tapauksissa, tämän objektin sisältöä voidaan tutkia tarkastelemalla sen puurakennetta.

    9. Viimeisimmän vastaanotetun tuloksen kutsuminen

    Konsolia voidaan käyttää laskimena, kuten kaikki varmaan tietävät. Mutta harvat ihmiset tietävät, että siinä on sisäänrakennetut työkalut, joiden avulla voit käyttää aikaisempien laskelmien tuloksia komentoissa. Suunnittelultaan $_ voit hakea edellisen lausekkeen tuloksen muistista. Tältä se näyttää:

    2+3+4 9 //- Summauksen tulos on 9 $_ 9 // Viimeinen saatu tulos näytetään $_ * $_ 81 // Koska viimeinen tulos on 9, saadaan 81 Math.sqrt($ _) 9 // Neliöjuuri viimeisestä tuloksesta, joka oli 81 $_ 9 // Saamme jälleen 9 - edellisen laskelman tulos

    10. Konsolin ja muistin puhdistaminen

    Jos sinun on tyhjennettävä konsoli ja muisti, käytä tätä yksinkertaista komentoa:

    Asia selvä()
    Enter-näppäimen painamisen jälkeen puhdas konsoli on valmis uusia kokeiluja varten.
    Siinä kaikki.

    11, 12, 13, 14…

    Suoraan sanottuna tässä ei vielä kaikki. Näytin vain osan Google Chrome -konsolin ei-ilmeisistä ominaisuuksista. Itse asiassa he