Ар бир баракка HTML жана CSS-кара
Интернет сайты линияларын менен курулган кодексине , бирок натыйжасы сүрөттөрү, телекөрсөтүү, тамга жана белгилүү беттен турат. Бул элементтердин бири өзгөртүү же аны камтыган, эмне үчүн, аны көзөмөлдөйт кодексинин конкреттүү сызыгын табууга тийишпиз. Сиз элемент текшерүү куралы менен кыла албайт.
Браузерлердин көпчүлүгү сиз текшерүү куралын жүктөп же орнотуу кылып бербейт. Тескерисинче, алар силер бет элементи оң чыкылдатуу менен тандап текшерүү же элементти текшер көрөлү. Бирок, иш сиздин браузерде бир аз ар түрдүү болушу мүмкүн.
Chrome менен Elements текшерүү
Google Chrome-жылдын акыркы нускалары Сиз бетни бир нече ыкмалар менен, анын камтылган Chrome DevTools колдоно турган бүт текшерип көрөлү:
- Беттеги нерсе Right чыкылдатуу (же бош аянтты) жана карап тандаган
- Ctrl + Shift + Enter Мен баскычтоп
- More куралдарды пайдалануу үчүн Chrome менюсун колдонуу> Иштеп аспаптар параметр
Chrome DevTools таптакыр элементтерди жонокой көчүрүп же түзөтүү HTML сызыктар же жашыруу же жок кылуу (жүктөөлөрдү чейин) сыяктуу нерселерди кылсын.
DevTools беттеги тарапта ачылат кийин, ал жерде жайгашкан, бетине чыгып, аны поп, бардык Барактын билэлэри издөө атайын экспертиза жүргүзүү үчүн беттеги элементтерди тандаганга, материалдары жана URL'дерди көчүрүп, ал тургай, бир тутам өзгөчөлөштүрүү жатат өзгөртө алат командалардын.
То Elements текшерүү
Chrome окшоп, Firefox, анын куралы деп инспекторго ачуу үчүн бир нече ар кандай жолдор бар:
- Беттеги бош аянтты Right чыкылдатуу же элементти тандап, тандап текшерүү элементти
- Кириш Ctrl + Shift + T же Ctrl + Shift + мен тергич менен
- Firefox менюсунан Иштеп> инспекторго чыкылдатуу
- Куралдар менюсунда тартып, Web Иштеп басып> инспектору
Сиз Firefox ар түрдүү элементтер ашуун чычкандын түрткү катары инспектору курал жазуусу элементтин булак коду маалыматты тапкан. элементти жана "күнү-учууга издөө" Click инспектору терезеден элементин токтотуу жана текшерүүгө мүмкүн.
баары колдоого башкаруу каражаттарын табууну элементин Right чыкылдатуу. Сиз HTML, ички же сырткы HTML көчүрүүгө же көчүрүп кодду катары менен барак ача аласыз сыяктуу иштерди кылып, шоу-DOM касиеттерин, скриншот же түйүн жок болот, жонокой жаңы сапаттарын колдонуу, Барактын CSS баарын көрүп, жана башкалар.
Опера Elements текшерүү
Opera ал Chrome анын окшош болот DOM инспектору куралы деген менен да тааныша алышат. Мына, ал үчүн керек:
- Баскыч Ctrl + Shift колдон + I
- Меню багыттоо> Дагы Аспаптар> Show Иштеп менюсунда, анан Меню> Иштеп> Иштеп куралдары аркылуу Менюну ачуу
- Беттеги ар бир элементке оң-чыкылдатуу менюсунан элементин карап тандап
Internet Explorer менен тааныша
Иштеп Tools деп аталган окшош, текшерүүгө элемент инструменти, Internet Explorer бар:
- Тергичте Press F12
- Шаймандар> F12 Иштеп Меню жолду пайдалануу (сиз Tools менюну көрө жок болсо, Alt + X Даражасы)
- Беттеги оң баскыч менен чыкылдатып, карап элемент
IE анын HTML жана CSS чоо-жайын көрүү үчүн кандайдыр бир барак элементке басып берет, бул жаңы менюсунан тандоо элементи куралы бар. Ошондой эле жонокой / элемент сиз DOM Explorer тактасында аркылуу кыдырып жатасыз, ал эми баса күйгүзүп өчүрө аласыз.
Жогоруда браузерлерде башка элемент инспектору куралдар сыяктуу эле, Internet Explorer, сиз кесип, көчүрмөсү, жана пасталар элементтерди, ошондой эле түзөтүү HTML, сыпаттарын кошуп, кийингенин тиркелет жана башкалар менен элементтерди көчүрмөсүн берет.