როგორ შევამოწმო ელემენტი ქრომის კონსოლში?
როგორ შევამოწმო ელემენტი ქრომის კონსოლში?
Anonim

შეამოწმეთ კონტროლის გენერირებული HTML

  1. დააწკაპუნეთ მაუსის მარჯვენა ღილაკით ელემენტი და აირჩიეთ ელემენტის შემოწმება კონტექსტური მენიუდან.
  2. დააწკაპუნეთ ელემენტის შემოწმება ღილაკი (Ctrl + Shift + C) ზედა მარცხენა კუთხეში Chrome DevTools და გადაიტანეთ საკონტროლოზე.

ამ გზით, როგორ გამოვიყენო კონსოლი Chrome-ში?

დეველოპერის გასახსნელად კონსოლი ფანჯარაზე Chrome , გამოყენება კლავიატურის მალსახმობი Ctrl Shift J (Windows-ზე) ან Ctrl Option J (Mac-ზე). ალტერნატიულად, შეგიძლიათ გამოყენება The Chrome მენიუში ბრაუზერის ფანჯარაში აირჩიეთ ვარიანტი "მეტი ხელსაწყოები" და შემდეგ აირჩიეთ "დეველოპერი ინსტრუმენტები".

გარდა ამისა, როგორ შევამოწმო ელემენტი Chrome-ში? Google Chrome-ში ელემენტის შესამოწმებლად ნაბიჯები:

  1. გახსენით ნებისმიერი საიტი Chrome-ზე და აირჩიეთ ელემენტი, რომლის შემოწმებაც გსურთ.
  2. დააწკაპუნეთ სამ ვერტიკალურ წერტილზე გვერდითა ზოლზე, ჩამოსაშლელი ფანჯარა გამოჩნდება, შემდეგ აირჩიეთ მეტი ინსტრუმენტები -> დეველოპერის ხელსაწყოები.
  3. ელემენტის ყუთი გამოჩნდება და შეგიძლიათ საჭიროებისამებრ შეიტანოთ ცვლილებები.

ასევე იცით, როგორ შევამოწმო ელემენტი კონსოლში?

უმარტივესი არის უბრალოდ დააწკაპუნეთ მაუსის მარჯვენა ღილაკით სადმე გვერდზე და შემდეგ აირჩიეთ ' ელემენტის შემოწმება კონტექსტურ მენიუში, რომელიც გამოჩნდება. ასევე შეგიძლიათ დეველოპერის ხელსაწყოების გაშვება კლავიატურის მალსახმობის გამოყენებით. Mac-ის ბრაუზერების უმეტესობის მალსახმობი არის Alt + Command + I, Windows-ისთვის შეგიძლიათ გამოიყენოთ Ctrl + Shift + I.

როგორ გამორთოთ Inspect Element Chrome-ში?

დროებით დამალეთ ელემენტები Chrome-ში, Firefox-სა და Edge-ში

  1. გვერდზე ყოფნისას შეეხეთ F12 ღილაკს ბრაუზერის დეველოპერის ინსტრუმენტების გასახსნელად.
  2. გამოიყენეთ ინსპექტორი იმისათვის, რომ მონიშნოთ გვერდზე არსებული ელემენტი, რომლის ამოღებაც გსურთ.
  3. საჭიროების შემთხვევაში დაარეგულირეთ პოზიცია კოდში.

გირჩევთ: