Käytätpä sitten Safaria, Chromea tai mitä tahansa muuta selainta Macissasi, me opetamme sinulle, kuinka pääset Inspect Elementiin ja voit tehdä muutoksia verkkosivulle.

Oletko koskaan ollut kiinnostunut verkkosivun lähdekoodista? Melkein jokaisessa verkkoselaimessa, myös Macin alkuperäisessä selaimessa, on ominaisuus, jonka avulla voit tarkastella sitä – sitä kutsutaan Inspect Elementiksi.

Näet HTML-, CSS- ja JavaScript-verkkosivun koodin Inspect Elementin avulla, mutta voit myös muokata sitä. Näin kehittäjät voivat testata verkkosivuja ja verkkosovelluksia ominaisuuden avulla, mutta käyttäjät voivat myös muuttaa fontteja henkilökohtaisissa selaimissaan.

Katso alla olevat vaiheet oppiaksesi käyttämään Inspect Elementiä millä tahansa Macin selaimella ja aloittamaan koodin muuttamisen.

Elementin tarkastaminen Safarissa ja muissa Macin selaimissa

Inspect Element -ominaisuuden käyttö on sama kaikissa macOS: lle saatavilla olevissa verkkoselaimissa. Voit aktivoida sen vain muutamalla napsautuksella. Poikkeuksena tähän on Safari, joka vaatii Inspect Elementin olevan käytössä, ennen kuin sitä voidaan käyttää. Olemme selostaneet, kuinka se otetaan käyttöön erillisessä alla olevassa osiossa.

Mutta Inspect Elementin käyttäminen suosikki Mac-selaimessasi yleensä (tai kun se on käytössä):

  1. Avaa haluamasi selain ja siirry tarkasteltavalle verkkosivulle.
  2. Ohjaus-osoita (napsauta hiiren kakkospainikkeella) missä tahansa verkkosivulla ja valitse Tarkastaa tai Tarkastele elementtiä kontekstivalikosta. Voit myös käyttää pikanäppäintä Cmd + Vaihto + C.
  3. Inspector-työkalu avautuu ja verkkosivun lähdekoodi tulee näkyviin. Lue koodi tai tee siihen muutoksia haluamallasi tavalla; esimerkiksi voit Muokkaa verkkosivuja Safarissa Inspect Elementin avulla tekstin ja kuvien muokkaamiseen.
  4. Sulje Tarkastaja-työkalu napsauttamalla X -painiketta.

Kuinka ottaa Inspect Element käyttöön Safarissa

Jos haluat ottaa Inspect Element -ominaisuuden käyttöön Macin Safarissa, sinun on aktivoitava Kehitys-valikko. Tehdä tämä:

  1. Avaa Safari, siirry osoitteeseen Safari > Asetukset valikkopalkista tai paina Cmd +, näppäimistölläsi.
  2. Suuntaa kohteeseen Pitkälle kehittynyt -välilehti.
  3. Tarkista Näytä Kehitä-valikko valikkorivillä laatikko.

Kehitä-valikon pitäisi nyt näkyä ylävalikossa, kun käytät Safaria, ja sinun pitäisi päästä Macin Inspect Elementiin pikavalikosta!

Milloin Inspect Element -elementtiä kannattaa käyttää selaimessa

Kehittäjät voivat käyttää Inspect Elementiä kokeillakseen ulkoasumuutoksia verkkosivuilla ja verkkosovelluksissa ja testatakseen käyttäjien toimivuutta eri selaimissa. Mutta sitä voivat käyttää myös tavalliset käyttäjät.

Jos verkkosivulla on fontti, jota sinun on vaikea lukea, tai jos se on väriltään, josta et pidä, voit käyttää Inspect Element -toimintoa muuttaaksesi sitä niin, että sivu on luettavampi tai miellyttävämpi katsoa. Voit myös muuta verkkosivujen otsikoita Inspect Elementin kautta, jotta voit pilata ystäviäsi.

Inspect Element muuttaa asioita vain Macissasi ja tietyssä käyttämässäsi selaimessa. Joten käytä sitä milloin tahansa, kun haluat muuttaa verkkosivustoa nopeasti mieltymystesi mukaan.

Tarkista elementti: Ominaisuus, joka parantaa käyttökokemusta

Inspect Elementin käyttö Macissa voi tehdä verkkosivujen käytöstä virtaviivaisempaa ja miellyttävämpää. Se voi tarjota nopeita korjauksia muotoiluongelmiin ja antaa kehittäjille mahdollisuuden korjata vikoja.

Toivomme, että oppaamme auttaa sinua hyödyntämään ominaisuutta, joten kun seuraavan kerran sinulla on ongelmia verkkosivun kanssa Safarissa tai missä tahansa muussa selaimessa, tiedät, että sinulla on ratkaisu!