Google Chrome on suunniteltu ei vain tavallisille Internet-käyttäjille vaan myös web-kehittäjille, jotka usein luo verkkosivuston, suunnitteluprojekteja jne. Tarkastele elementtiä tai Tarkastaa vaihtoehto Google Chrome auttaa käyttäjiä löytämään tietoja sivustosta, joka on piilotettu näkymästä. Seuraavassa on joitakin vinkkejä Google Chrome -selaimen tarkastuselementin käyttämisestä Windows-tietokoneelle.
Tarkastele Google Chromen elementtiä
1] Etsi piilotetut JavaScript / mediatiedostot
Monet sivustot näyttävät ponnahdusikkunoita, jos kävijä pysyy verkkosivuilla yli 15 tai 20 sekunnin ajan. Tai monta kertaa kuva, mainos tai kuvake avautuu napsauttamalla jotain satunnaisesti. Voit etsiä Web-sivun piilotetut tiedostot käyttämällä sitä Lähteet Tarkasta elementin välilehti. Se näyttää vasemmalla puolella olevan puunäkymän luettelon, jota voidaan tutkia.
2] Hanki HEX / RGB-värikoodi Chromessa
Joskus saatamme haluta väri ja haluta selvittää sen värikoodi. Löydät helposti HEX- tai RGB-värikoodin, jota käytetään tietyssä verkkosivustossa käyttämällä natiivi vaihtoehtoa Google Chromessa. Napsauta hiiren kakkospainikkeella väriä ja napsauta Tarkastaa. Useimmissa tapauksissa saat värikoodin oikealla puolella toisella CSS: llä. Jos et näe sitä, saatat joutua käyttämään jotain ilmaista värinvalintaohjelmaa.
KÄRKI: Katso myös nämä värinvalitsimen verkkotyökalut.
3] Hanki verkkosivujen tehokkuuden parantamisvihjeitä
Kaikki rakastavat maata verkkosivustolle, joka avautuu nopeasti. Jos suunnittelet verkkosivustoasi, sinun pitää aina pitää se mielessäsi. On monia työkaluja tarkistaa ja optimoida sivun latausnopeus. Google Chrome sisältää myös sisäänrakennetun työkalun, jonka avulla käyttäjät voivat saada vinkkejä verkkosivujen latausnopeuden parantamiseen. Voit käyttää näitä työkaluja siirtymällä osoitteeseen tarkastuksia välilehti ja varmista Verkon käyttö, Web-sivun tehokkuus, ja Lataa sivu ja tarkastus kuormituksesta valitaan. Napsauta sitten Juosta painiketta. Se lataa sivun uudelleen ja näyttää sinulle joitain tietoja, joita voidaan käyttää sivun nopeuttamiseen. Saat esimerkiksi kaikki resurssit, joilla ei ole välimuistin päättymistä, JavaScript, joka voidaan yhdistää yhteen tiedostoon jne.
4] Tarkista reagointikyky
Verkkosivun reagointi on ratkaisevan tärkeää nykyään. On paljon työkaluja, jotka voivat tarkistaa, onko sivustosi täysin reagoiva vai ei. Tämä Google Chrome -työkalu auttaa kuitenkin käyttäjää tietämään, onko sivusto toimiva vai ei, ja tarkistaa, miten se näyttäisi tietylle mobiililaitteelle. Avaa verkkosivusto, etsi Tarkastele elementtiä välilehti, napsauta mobile -painiketta, määritä tarkkuus tai valitse haluttu laite testaamaan verkkosivua.
5] Muokkaa live-verkkosivustoa
Google Chrome -tekniikan tarkastus on jokaisen web-kehittäjän todellinen kumppani. Ei ole väliä onko kehität yhden sivun verkkosivusto tai dynaaminen verkkosivusto, voit varmasti käyttää näitä vinkkejä.
