ეს wikiHow გასწავლით თუ როგორ უნდა შეისწავლოთ Google Chrome- ის ვებ გვერდის ვიზუალური ელემენტების HTML კოდის გამოყენება კომპიუტერის გამოყენებით.
ნაბიჯი

ნაბიჯი 1. გახსენით Google Chrome კომპიუტერზე
Chrome- ის ხატი ჰგავს ფერად ბურთს, რომლის ცენტრში არის ლურჯი წერტილი. თქვენ შეგიძლიათ იპოვოთ ეს ხატი Mac პროგრამის "პროგრამების" საქაღალდეში ან Windows კომპიუტერის "დაწყება" მენიუში.

ნაბიჯი 2. დააწკაპუნეთ სამი ვერტიკალური წერტილის ხატულაზე
ეს არის მისამართების ზოლის გვერდით, თქვენი ბრაუზერის ფანჯრის ზედა მარჯვენა კუთხეში. ამის შემდეგ გამოჩნდება ჩამოსაშლელი მენიუ.

ნაბიჯი 3. გადაიტანეთ მეტი ინსტრუმენტები ჩამოსაშლელ მენიუში
ამის შემდეგ, ქვემენიუ გამოჩნდება.

ნაბიჯი 4. დააწკაპუნეთ Developer Tools ქვემენიუში "More Tools"
ბრაუზერის ფანჯრის მარჯვენა მხარეს გამოჩნდება შემოწმების სვეტი.
გარდა ამისა, თქვენ შეგიძლიათ გახსნათ შემოწმების ფანჯარა კლავიატურის მალსახმობით. დააჭირეთ Option+⌘ Cmd+I Mac კომპიუტერებს და Ctrl+Alt+I Windows კომპიუტერებს

ნაბიჯი 5. გადაიტანეთ ინსპექტირების სვეტის ელემენტზე
როდესაც კურსორი შემოწმებულია ფანჯრის ელემენტზე ან ხაზზე, შესაბამისი ელემენტი აღინიშნება ვებ გვერდზე.

ნაბიჯი 6. მარჯვენა ღილაკით დააწკაპუნეთ იმ ელემენტზე, რომლის შემოწმებაც გსურთ ვებ გვერდზე
მარჯვენა ღილაკით მენიუ გამოჩნდება ჩამოსაშლელ ყუთში.

ნაბიჯი 7. ჩამოსაშლელ მენიუში აირჩიეთ ინსპექტირება
ამის შემდეგ, შემოწმების სვეტი გადაინაცვლებს ზემოთ ან ქვემოთ ამ ელემენტზე. ელემენტის წყაროს კოდი იქნება მონიშნული.