Kas jāzina
-
Safari: ar peles labo pogu noklikšķiniet uz tīmekļa lapas un atlasiet Inspect Element.
- Pārlūkā Chrome varat ar peles labo pogu noklikšķināt un noklikšķināt uz Pārbaudīt.
- Lai iespējotu funkciju Safari: Safari > Preferences > Advanced 643344 Rādīt izvēlni Izstrāde izvēļņu joslā lodziņā.
Šajā rakstā ir aprakstīts, kā pārbaudīt vietnes elementu operētājsistēmā Mac. Tajā ir apskatīts, kā to izdarīt, izmantojot pārlūkprogrammu Safari un Google Chrome.
Kā Mac datorā izmantot funkciju Pārbaudīt elementu?
Pirms pārbaudīt elementus Mac datorā, izmantojot Safari, pārlūkprogrammā ir jāiespējo izstrādātāja izvēlne. Tālāk ir sniegts ieskats, kā to ieslēgt un kā rīkoties, lai pārbaudītu elementu.
Ja starp grāmatzīmēm un logu redzat opciju Izstrādāt, izstrādātāja izvēlne jau ir iespējota un varat pāriet uz 4. darbību.
Elementa pārbaudes funkcijas izmantošana pārlūkprogrammā Safari
Lūk, kā izmantot Inspect Element programmā Safari - Mac datoru noklusējuma pārlūkprogrammā.
-
Pakalpojumā Safari noklikšķiniet uz Safari > Preferences.
-
Noklikšķiniet uz Advanced.
-
Izvēļņu joslā noklikšķiniet uz Rādīt izstrādes izvēlni, pēc tam aizveriet logu.
- Pārlūkojot vietni, ar peles labo pogu noklikšķiniet uz vienuma, kuru vēlaties pārbaudīt.
-
Noklikšķiniet uz Pārbaudīt elementu.
-
Tagad varat skatīt kodu aiz pārbaudītās vietnes.
Funkcijas Pārbaudīt elementu izmantošana pārlūkprogrammā Chrome Mac datorā
Ja Mac datorā izmantojat pārlūku Chrome, nevis Safari, elementu ir vēl vieglāk skatīt, jo šī funkcija nav jāiespējo. Lūk, kā rīkoties.
- Pārlūkā Chrome atrodiet vietni.
- Ar peles labo pogu noklikšķiniet uz elementa, kuru vēlaties pārbaudīt.
-
Noklikšķiniet uz Pārbaudīt.
-
Tagad varat skatīt kodu pārlūka Chrome sānu logā.
Kāpēc es nevaru pārbaudīt savā Mac datorā?
Iespējams, nevarēsiet pārbaudīt elementu savā Mac datorā, ja pārlūkprogrammā Safari neesat iespējojis Izstrādātāja izvēlni. Šeit ir atgādinājums, kā to izdarīt.
-
Pakalpojumā Safari noklikšķiniet uz Safari > Preferences.
-
Noklikšķiniet uz Advanced.
-
Izvēļņu joslā noklikšķiniet uz Rādīt izstrādes izvēlni, pēc tam aizveriet logu.
Kā veikt vietnes izmaiņas, pārbaudot elementu
Papildus tam, ka varat skatīt kodu vietnē, ir iespējams arī īslaicīgi mainīt jebkuru vietnes elementu, izmantojot Inspect Element. Lūk, kā to izdarīt, izmantojot Safari.
Citās pārlūkprogrammās šis process ir ļoti līdzīgs.
- Pārlūkojot vietni, ar peles labo pogu noklikšķiniet uz vienuma, kuru vēlaties pārbaudīt.
- Noklikšķiniet uz Pārbaudīt elementu.
- Lai padarītu to rediģējamu, veiciet dubultklikšķi uz teksta kodā.
- Izdzēsiet to vai ievadiet jaunu teksta virkni.
- Pieskarieties Enter.
- Kods tagad ir īslaicīgi mainīts tikai jūsu labā.
Kāpēc vēlaties izmantot funkciju Pārbaudīt elementu?
Spēja pārbaudīt elementu ir noderīga daudzu iemeslu dēļ.
- Lai mainītu kodu uzreiz. Vietņu dizaineri var īslaicīgi mainīt lietas vietnē, lai redzētu, kā izmaiņas ietekmē lietas.
- Lai pārbaudītu kodu. Gan dizaineri, gan mārketinga darbinieki var pārbaudīt kodu, lai pārliecinātos, ka tajā ir informācija, piemēram, Google Analytics informācija.
- Lai skatītu attēlus atsevišķi no vietnes. Ja vietne neļauj atvērt attēlu jaunā cilnē vai logā, elementa skatīšana padara to iespējamu.
-
Tinker. Tīmekļa lapas koda skatīšana var palīdzēt saprast, ko redzat, un novērst noslēpumu par to, kas un kāpēc notiek ar jūsu atvērto vietni. Tas ir tāpat kā ierīces izjaukšana, lai redzētu, kā tā darbojas, taču šajā gadījumā nav jāzaudē nekādas skrūves.
FAQ
Vai ir likumīgi pārbaudīt vietni?
Jā. Tomēr, ja plānojat izmantot kādu kodu vai līdzekļus no vietnes, noteikti sazinieties ar īpašnieku un pievienojiet piezīmi par autortiesībām.
Kā kopēt HTML no vietnes ar pārbaudes elementu?
Pārlūkā Chrome ar peles labo pogu noklikšķiniet uz lapas un atlasiet Pārbaudīt, pēc tam dodieties uz augšējo sadaļu un ar peles labo pogu noklikšķiniet uz taga (piem.). Atlasiet Kopēt > Kopēt ārējoHTML, pēc tam ielīmējiet kodu teksta vai HTML failā.
Vai varu kopēt CSS no vietnes ar pārbaudes elementu?
Jā. Ar peles labo pogu noklikšķiniet uz elementa, kuru vēlaties kopēt, un izvēlieties Pārbaudīt. Ar peles labo pogu noklikšķiniet uz iezīmētā koda un atlasiet Copy > Copy styles.
Kā es varu redzēt savas saglabātās paroles, izmantojot pārbaudes elementu?
Lai atklātu slēptās paroles, ar peles labo pogu noklikšķiniet uz paroles tekstlodziņa un atlasiet Pārbaudīt. Izceltajā sadaļā meklējiet type=”password” un aizstājiet password ar text. Ir vienkāršāki veidi, kā pārlūkā Chrome parādīt visas savas paroles.