Čo by ste mali vedieť
-
V Safari: Kliknite pravým tlačidlom myši na webovú stránku a vyberte Inspect Element.
- V prehliadači Chrome môžete kliknúť pravým tlačidlom myši a kliknúť na Inspect.
- Ak chcete povoliť funkciu v Safari: Safari > Preferencie > Rozšírené > Zobraziť ponuku Vývoj v paneli ponuky box.
Tento článok vás naučí, ako skontrolovať prvok webovej lokality na Macu. Pozerá sa na to, ako to urobiť cez Safari a Google Chrome.
Ako používate funkciu Inspect Element na počítači Mac?
Pred kontrolou prvkov na Macu pri používaní Safari musíte v prehliadači povoliť vývojársku ponuku. Tu je pohľad na to, ako ho zapnúť a čo robiť pri kontrole prvku.
Ak vidíte položku Vývoj medzi záložkami a oknom, ponuka vývojára už bola povolená a môžete prejsť na krok 4.
Používanie funkcie Inspect Element v Safari
Tu je návod, ako používať Inspect Element v Safari, predvolenom prehliadači na počítačoch Mac.
-
V Safari kliknite na Safari > Predvoľby.
Image -
Kliknite na Rozšírené.
Image -
Kliknite na Zobraziť ponuku Vývoj na paneli s ponukami a zatvorte okno.
Image - Pri prehliadaní webovej stránky kliknite pravým tlačidlom myši na položku, ktorú chcete skontrolovať.
-
Kliknite na Skontrolovať prvok.
Image -
Teraz si môžete pozrieť kód za webovou stránkou, ktorú ste skontrolovali.
Image
Používanie funkcie Inspect Element v prehliadači Chrome na Macu
Ak na Macu používate Chrome namiesto Safari, je ešte jednoduchšie zobraziť prvok, pretože túto funkciu nie je potrebné povoliť. Tu je to, čo robiť.
- V prehliadači Chrome prejdite na webovú stránku.
- Kliknite pravým tlačidlom myši na prvok, ktorý chcete skontrolovať.
-
Kliknite na Skontrolovať.
Image -
Kód teraz môžete zobraziť v bočnom okne prehliadača Chrome.
Image
Prečo nemôžem skontrolovať na svojom Macu?
Ak ste v prehliadači Safari nepovolili ponuku vývojára, možno nebudete môcť skontrolovať prvok na svojom Macu. Tu je pripomenutie, ako to urobiť.
-
V Safari kliknite na Safari > Predvoľby.
Image -
Kliknite na Rozšírené.
Image -
Kliknite na Zobraziť ponuku Vývoj na paneli s ponukami a zatvorte okno.
Image
Ako vykonávať zmeny na webovej lokalite kontrolou prvku
Okrem toho, že vám umožňuje zobraziť kód na webovej lokalite, je tiež možné dočasne zmeniť ľubovoľný prvok webovej lokality prostredníctvom funkcie Inspect Element. Tu je návod, ako to urobiť cez Safari.
Postup je veľmi podobný v iných prehliadačoch.
- Pri prehliadaní webovej stránky kliknite pravým tlačidlom myši na položku, ktorú chcete skontrolovať.
- Kliknite na Skontrolovať prvok.
- Dvakrát kliknite na text v kóde, aby ste ho mohli upraviť.
- Vymažte ho alebo zadajte nový reťazec textu.
- Klepnite na Enter.
- Kód bol teraz dočasne zmenený len pre váš prospech.
Prečo by ste chceli použiť funkciu Kontrola prvku?
Možnosť kontrolovať prvok je užitočná z mnohých dôvodov.
- Ak chcete zmeniť kód za chodu. Dizajnéri webových stránok môžu dočasne zmeniť veci na webovej lokalite, aby videli, ako zmeny ovplyvňujú veci.
- Na kontrolu kódu. Dizajnéri aj marketingoví pracovníci môžu skontrolovať kód, aby sa uistili, že obsahuje podrobnosti o službe Google Analytics.
- Prezeranie obrázkov oddelene od lokality. Ak vám stránka neumožňuje otvoriť obrázok na novej karte alebo v novom okne, zobrazenie prvku to umožňuje.
-
Tinker. Zobrazenie kódu webovej stránky vám môže pomôcť pochopiť, čo vidíte, a odstrániť záhadu toho, čo a prečo sa deje s webom, na ktorom sa nachádzate. Je to ako rozoberať spotrebič, aby ste videli, ako funguje, ale v tomto prípade nemôžete stratiť žiadne skrutky.
FAQ
Je legálne kontrolovať webovú stránku?
Áno. Ak však plánujete použiť akýkoľvek kód alebo aktíva z webovej lokality, nezabudnite sa poradiť s vlastníkom a pridať poznámku o autorských právach.
Ako skopírujem kód HTML z webovej lokality s prvkom kontroly?
V prehliadači Chrome kliknite pravým tlačidlom myši na stránku a vyberte Inspect, potom prejdite do hornej časti a kliknite pravým tlačidlom myši na značku (napr. Vyberte Copy > Copy externalHTML, potom vložte kód do textového alebo HTML súboru.
Môžem kopírovať CSS z webovej stránky s prvkom inspect?
Áno. Kliknite pravým tlačidlom myši na prvok, ktorý chcete skopírovať, a vyberte Inspect. Kliknite pravým tlačidlom myši na zvýraznený kód a vyberte Kopírovať > Kopírovať štýly.
Ako zobrazím svoje uložené heslá pomocou prvku kontroly?
Ak chcete odhaliť skryté heslá, kliknite pravým tlačidlom myši na textové pole hesla a vyberte Inspect. Vo zvýraznenej časti vyhľadajte type=”password” a nahraďte password za text. Existujú jednoduchšie spôsoby, ako zobraziť všetky heslá v Chrome.
