რა უნდა იცოდე
-
Safari-ში: დააწკაპუნეთ მაუსის მარჯვენა ღილაკით ვებ გვერდზე და აირჩიეთ Inspect Element.
- Chrome-ში შეგიძლიათ დააწკაპუნოთ მარჯვენა ღილაკით და დააწკაპუნოთ Inspect.
- ფუნქციის ჩასართავად Safari-ში: Safari > პრეფერენციები > > გაფართოებული3 643 შეამოწმეთ აჩვენე განვითარების მენიუ მენიუს ზოლში ველი.
ეს სტატია გასწავლით როგორ შეამოწმოთ ვებსაიტის ელემენტი Mac-ზე. ის განიხილავს როგორ გავაკეთოთ ეს Safari-სა და Google Chrome-ის მეშვეობით.
როგორ იყენებთ Inspect Element-ის ფუნქციას Mac-ზე?
Safari-ის გამოყენებისას Mac-ზე ელემენტების შემოწმებამდე, თქვენ უნდა ჩართოთ დეველოპერის მენიუ ბრაუზერში. აქ მოცემულია, თუ როგორ უნდა ჩართოთ ის და რა უნდა გააკეთოთ ელემენტის შესამოწმებლად.
თუ ხედავთ განვითარებას სანიშნეებსა და ფანჯარას შორის, დეველოპერის მენიუ უკვე ჩართულია და შეგიძლიათ გამოტოვოთ ნაბიჯი 4.
შემოწმების ელემენტის ფუნქციის გამოყენება Safari-ში
აი, როგორ გამოიყენოთ Inspect Element Safari-ში, ნაგულისხმევი ბრაუზერი Mac კომპიუტერებზე.
-
Safari-ში დააწკაპუნეთ Safari > Preferences.
Image -
დააწკაპუნეთ Advanced.
Image -
დააწკაპუნეთ აჩვენეთ განვითარების მენიუ მენიუს ზოლში და დახურეთ ფანჯარა.
Image - საიტის დათვალიერებისას დააწკაპუნეთ მაუსის მარჯვენა ღილაკით იმ ნივთზე, რომლის შემოწმებაც გსურთ.
-
დააწკაპუნეთ ელემენტის შემოწმება.
Image -
ახლა შეგიძლიათ ნახოთ თქვენს მიერ შემოწმებული ვებსაიტის უკან არსებული კოდი.
Image
შემოწმების ელემენტის ფუნქციის გამოყენება Chrome-ში Mac-ზე
თუ იყენებთ Chrome-ს Safari-ის ნაცვლად თქვენს Mac-ზე, კიდევ უფრო ადვილი იქნება ელემენტის ნახვა, რადგან არ არის საჭირო ფუნქციის ჩართვა. აი რა უნდა გააკეთო.
- Chrome-ში, დაათვალიერეთ ვებსაიტი.
- დააწკაპუნეთ მარჯვენა ღილაკით ელემენტზე, რომლის შემოწმებაც გსურთ.
-
დააწკაპუნეთ შემოწმება.
Image -
ახლა შეგიძლიათ იხილოთ კოდი Chrome-ის გვერდით ფანჯარაში.
Image
რატომ არ შემიძლია შემოწმება ჩემს Mac-ზე?
შეიძლება ვერ შეძლოთ თქვენი Mac-ის ელემენტის შემოწმება, თუ Safari-ში არ გაქვთ ჩართული Developer მენიუ. აქ არის შეხსენება, თუ როგორ უნდა გავაკეთოთ ეს.
-
Safari-ში დააწკაპუნეთ Safari > Preferences.
Image -
დააწკაპუნეთ Advanced.
Image -
დააწკაპუნეთ აჩვენეთ განვითარების მენიუ მენიუს ზოლში და დახურეთ ფანჯარა.
Image
როგორ შევიტანოთ ვებგვერდის ცვლილებები ელემენტის შემოწმებით
გარდა იმისა, რომ საშუალებას გაძლევთ ნახოთ კოდი ვებსაიტზე, ასევე შესაძლებელია დროებით შეცვალოთ ვებსაიტის ნებისმიერი ელემენტი Inspect Element-ის მეშვეობით. აი, როგორ გააკეთოთ ეს Safari-ის საშუალებით.
პროცესი ძალიან ჰგავს სხვა ბრაუზერებს.
- საიტის დათვალიერებისას დააწკაპუნეთ მაუსის მარჯვენა ღილაკით იმ ნივთზე, რომლის შემოწმებაც გსურთ.
- დააწკაპუნეთ ელემენტის შემოწმება.
- ორჯერ დააწკაპუნეთ კოდში არსებულ ტექსტზე, რათა ის რედაქტირებადი იყოს.
- წაშალე ან შეიყვანე ტექსტის ახალი სტრიქონი.
- შეეხეთ Enter.
- კოდი ახლა დროებით შეიცვალა მხოლოდ თქვენი სასარგებლოდ.
რატომ გსურთ გამოიყენოთ შემოწმების ელემენტის ფუნქცია?
ელემენტის შემოწმების შესაძლებლობა მრავალი მიზეზის გამო სასარგებლოა.
- კოდის შესაცვლელად ფრენის დროს. ვებსაიტების დიზაინერებს შეუძლიათ დროებით შეცვალონ რაღაცები ვებსაიტზე, რათა დაინახონ, როგორ იმოქმედებს ეს ცვლილებები.
- კოდის შესამოწმებლად. როგორც დიზაინერებს, ასევე მარკეტინგის ადამიანებს შეუძლიათ შეამოწმონ კოდი, რათა დაადასტურონ, რომ Google Analytics-ის მსგავსი დეტალები არსებობს.
- სურათების სანახავად ცალკე საიტიდან. თუ საიტი არ გაძლევთ საშუალებას გახსნათ სურათი ახალ ჩანართში ან ფანჯარაში, ელემენტის ნახვა შესაძლებელს ხდის.
-
Tinker. ვებ გვერდის კოდის ნახვა დაგეხმარებათ გაიგოთ რას ხედავთ, ამოიღოთ საიდუმლოება იმის შესახებ, თუ რა და რატომ არის ის საიტი, სადაც იმყოფებით. ეს ჰგავს მოწყობილობის დაშლას, რათა ნახოთ როგორ მუშაობს, მაგრამ ამ შემთხვევაში ხრახნები არ არის დასაკარგი.
FAQ
კანონიერია ვებსაიტის შემოწმება?
დიახ. თუმცა, თუ ვებსაიტიდან რომელიმე კოდის ან აქტივის გამოყენებას გეგმავთ, დარწმუნდით, რომ გადაამოწმეთ მფლობელთან და დაამატეთ საავტორო უფლებების შენიშვნა.
როგორ დავაკოპირო HTML ვებსაიტიდან შემოწმების ელემენტით?
Chrome-ში დააწკაპუნეთ გვერდზე მარჯვენა ღილაკით და აირჩიეთ Inspect, შემდეგ გადადით ზედა განყოფილებაში და დააწკაპუნეთ მაუსის მარჯვენა ღილაკით ტეგზე (მაგ.). აირჩიეთ ასლი > დააკოპირეთ outerHTML, შემდეგ ჩასვით კოდი ტექსტში ან HTML ფაილში.
შემიძლია დავაკოპირო CSS ვებსაიტიდან შემოწმების ელემენტით?
დიახ. დააწკაპუნეთ მაუსის მარჯვენა ღილაკით ელემენტზე, რომლის კოპირებაც გსურთ და აირჩიეთ Inspect. დააწკაპუნეთ მარჯვენა ღილაკით მონიშნულ კოდზე და აირჩიეთ Copy > ასლის სტილის.
როგორ ვნახო ჩემი შენახული პაროლები შემოწმების ელემენტის გამოყენებით?
დაფარული პაროლების გამოსავლენად, დააწკაპუნეთ პაროლის ტექსტურ ველზე და აირჩიეთ Inspect. მონიშნულ განყოფილებაში მოძებნეთ type=”პაროლი” და შეცვალეთ პაროლი text-ით. Chrome-ში თქვენი ყველა პაროლის ჩვენების უფრო მარტივი გზები არსებობს.
