Kā rediģēt tīmekļa lapas pārlūkprogrammā Safari, izmantojot pārbaudes elementu

Izmantojot rīku Inspect Element, programma Safari ļauj jums pielāgot jebkuras tīmekļa lapas priekšgala kodu. Ja vēlaties pārbaudīt, kā lapa izskatītos ar dažādu tekstu vai attēliem, varat to izdarīt, mainot tās kodu, izmantojot funkciju Pārbaudīt elementu.

Šis ir vienkāršs ceļvedis, kas paredzēts iesācējiem, lai izskaidrotu, kā jūs varat sākt eksperimentēt ar Inspect Element programmā Safari, lai rediģētu vietnes tekstu un attēlus ar minimālām kodēšanas zināšanām.

Kas ir pārbaudes elements?

Inspect Element ir izstrādātāja rīks. Tas ir pieejams pārlūkprogrammā Safari, taču arī citās tīmekļa pārlūkprogrammās, piemēram, Chrome, Firefox un Edge. Izmantojot Inspect Element, varat ieskatīties aiz vietnes aizkara, lai atklātu tās priekšgala kodu, piemēram, HTML un CSS. Tomēr tas nenodrošina aizmugursistēmas redzamību, piemēram, tās datu bāzes.

Jūs varat ne tikai redzēt šo kodu, bet arī to pielāgot. Tas nozīmē, ka varat mainīt vietnes izskatu. Varat aizstāt attēlu, pārfrāzēt kādu tekstu, izmantot citu fontu, mainīt tā krāsu shēmu un veikt citas darbības. Tomēr šie labojumi ir vietējie. Tie neparādīsies nevienam citam, izņemot jūs; tie pazūd, tiklīdz jūs atsvaidzināt lapu vai attālināties no tās.

Kāpēc jums vajadzētu izmantot pārbaudes elementu?

Inspect Element ir lielisks rīks, ja esat topošs tīmekļa izstrādātājs. Varat burtiski redzēt kodu, kas nodrošina jūsu iecienītākās vietnes darbību, pielāgojot to, kā vēlaties, reālajā vidē. Tur ir daudz jautras atziņas, ko varat gūt, izmantojot Inspect Element.

Piemēram, uzņēmumu īpašnieki var aplūkot atslēgvārdus, kas iekļauti konkurentu vietnē, vai dizaineri to var izmantojiet Inspect Element, lai identificētu fontu kas viņiem šķiet pievilcīgi, vai ātri pārbaudīt citu krāsu shēmu savā vietnē.

Pagaidām mēs koncentrēsimies uz tīmekļa lapas pamatu rediģēšanu, izmantojot Inspect Element.

Kā piekļūt pārbaudes elementam pārlūkprogrammā Safari

Varat atvērt Inspect Element pārlūkprogrammā Safari, izmantojot izstrādātāja izvēlni:

1. Atveriet Safari.
2. Klikšķis Safari augšējā izvēlņu joslā.
3. Nolaižamajā izvēlnē atlasiet Preferences.
4. Izvēlieties Papildu opciju.
5. Atzīmējiet izvēles rūtiņu Izvēļņu joslā rādīt izvēlni Izstrādāt.

Pēc šīs opcijas izvēles varat ar peles labo pogu noklikšķiniet tīmekļa lapā un atlasiet Pārbaudiet elementu. Varat arī izvēlēties Attīstīt izvēļņu joslā un pēc tam Rādīt tīmekļa inspektoru.

Kā atrast tīmekļa elementus sadaļā Pārbaudīt elementu

Lai sāktu elementa rediģēšanu, ar peles labo pogu noklikšķiniet ko vēlaties rediģēt, un noklikšķiniet uz Pārbaudiet elementu. Tiks atvērts izstrādātāja logs ar iezīmētu attiecīgo sadaļu. Varat atklāt, ka konkrētais elements, kuru vēlaties elementēt (piemēram, attēls vai teksts), ir paslēpts; lai to atrastu, izmantojiet bultiņas kreisajā pusē, lai izvērstu ligzdotās sadaļas.

Lai palīdzētu sašaurināt atlasi, noklikšķiniet uz mērķa ikona no rīkjoslas Pārbaudīt elementu. Tagad, pārlūkojot kodu, tas izceļ šo vietnes sadaļu. Vai arī varat izmantot kursoru, lai precīzi norādītu vietnes sadaļu. Tas ir ērti, ja vēlaties uzlabot kaut ko īpašu tīmekļa lapas pārpildītā vietā.

Kā rediģēt vietnes tekstu, izmantojot pārbaudes elementu

Lai padarītu teksta daļu rediģējamu pēc tam, kad tā ir atrasta vietnes avota kodā, dubultklikšķi to. Varat ierakstīt jaunu tekstu tieši kodā vai dzēst esošo tekstu. Kad rediģēšana noteiktai teksta virknei ir pabeigta, nospiediet pogu Ievadiet, un teksts tīmekļa lapā mainīsies.

Tas tiešām ir tik vienkārši! Vienīgie gadījumi, kad tas nedarbosies, ir tad, kad teksts faktiski ir daļa no attēla, piemēram, logotips.

Kā rediģēt vietnes attēlus, izmantojot pārbaudes elementu

Kamēr priekšgalā attēli tiek rādīti vizuāli, vietnes kodā tie tiek rādīti kā saites. Jūs varat ar peles labo pogu noklikšķiniet un attēlu un izvēlieties Pārbaudiet elementu lai pārietu uz attēla vietu kodā. Vietņu attēliem parasti ir JPG, GIF vai PNG failu paplašinājumi, taču ne tikai.

Dubultklikšķi šīs attēlu virknes un varat tās rediģēt vai, ja vēlaties, vienkārši saglabāt savā sistēmā. Ja vēlaties aizstāt attēlu, izslēdziet to, lai izmantotu aizstājēja attēla URL. Vai arī varat pilnībā izdzēst koda virkni, lai noņemtu attēlu no skata.

Izpētiet vietnes, izmantojot Safari

Safari pārbaudes elementa rīks ļauj viegli atrast un mainīt tekstam un attēliem atbilstošo kodu, kas ir tikpat vienkārši kā teksta vai URL virknes izslēgšana. Kad esat pabeidzis vietnes rediģēšanu, izmantojot Inspect Element, vienkārši atsvaidziniet lapu, un viss atgriezīsies normālā stāvoklī.

Kā nomainīt pārlūkprogrammas lietotāja aģentu un triku vietnes

Lasiet Tālāk

Par autoru