Эмнелерди билүү керек
-
Сафариде: веб-баракчаны оң баскыч менен чыкылдатып, Элементти текшерүү тандаңыз.
- Chrome'до сиз чычкандын оң баскычын басып, Текшерүү баскычын басыңыз.
- Сафариде функцияны иштетүү үчүн: Safari > Preferences > Advanced 643345ти текшериңиз Меню тилкесинде Иштеп чыгуу менюсун көрсөтүү кутуча.
Бул макала Mac'та веб-сайттын элементин кантип текшерүүнү үйрөтөт. Муну Safari жана Google Chrome аркылуу кантип жасоо керектиги каралат.
Mac компьютеринде Inspect Element функциясын кантип колдоносуз?
Safari колдонуп жатканда Mac'тун элементтерин текшерүүдөн мурун, браузердин ичинде иштеп чыгуучу менюсун иштетишиңиз керек. Бул жерде аны кантип күйгүзүү жана элементти текшерүү үчүн эмне кылуу керек экенин карап көрүңүз.
Эгер Кыстармалар менен Терезенин ортосунда Өнүктүрүү көрүнүшүн көрсөңүз, Иштеп чыгуучунун менюсу мурунтан эле иштетилген жана 4-кадамга өтсөңүз болот.
Safaride Inspect Element функциясын колдонуу
Бул жерде Mac компьютерлериндеги демейки серепчи Safariде Inspect Element кантип колдонуу керек.
-
Сафариде, Safari > Параметрлер басыңыз.
Image -
Чыкылдатыңыз Өркүндөтүлгөн.
Image -
Меню тилкесинде Өнүктүрүү менюсун көрсөтүү чыкылдатып, андан соң терезени жабыңыз.
Image - Веб-сайтты карап жатканда, текшергиңиз келген нерсени оң баскыч менен чыкылдатыңыз.
-
Чыкылдатыңыз Элементти текшерүү.
Image -
Эми сиз текшерген вебсайттын артындагы кодду көрө аласыз.
Image
Элементти текшерүү функциясын Chrome'до Mac'те колдонуу
Эгер сиз Mac түзмөгүңүздө Safari'нин ордуна Chrome'ду колдонсоңуз, элементти көрүү андан да жеңил болот, анткени бул функцияны иштетүүнүн кереги жок. Бул жерде эмне кылуу керек.
- Chrome'до вебсайтты серептеңиз.
- Текшергиңиз келген элементти оң баскыч менен чыкылдатыңыз.
-
Чыкылдатыңыз Текшерүү.
Image -
Эми кодду Chrome'дун каптал терезесинде көрө аласыз.
Image
Эмне үчүн мен Mac компьютеримде текшере албайм?
Эгер сиз Safari ичинде Иштеп чыгуучу менюсун иштетпеген болсоңуз, Mac түзмөгүңүздө элементти текшере албай калышыңыз мүмкүн. Муну кантип жасоо керектиги жөнүндө эстеткич.
-
Сафариде, Safari > Параметрлер басыңыз.
Image -
Чыкылдатыңыз Өркүндөтүлгөн.
Image -
Меню тилкесинде Өнүктүрүү менюсун көрсөтүү чыкылдатып, андан соң терезени жабыңыз.
Image
Элементти текшерүү аркылуу веб-сайтты кантип өзгөртүү керек
Веб-сайттагы кодду көрүү мүмкүнчүлүгүнөн тышкары, Inspect Element аркылуу веб-сайттын каалаган элементин убактылуу өзгөртүүгө болот. Муну Safari аркылуу кантип жасоо керек.
Процесс башка браузерлерде абдан окшош.
- Веб-сайтты карап жатканда, текшергиңиз келген нерсени оң баскыч менен чыкылдатыңыз.
- Чыкылдатыңыз Элементти текшерүү.
- Коддогу текстти түзөтүү үчүн эки жолу чыкылдатыңыз.
- Аны жок кылыңыз же тексттин жаңы сабын киргизиңиз.
- Кирүүнү таптаңыз.
- Код эми сиздин пайдаңыз үчүн убактылуу өзгөртүлдү.
Элементти текшерүү функциясын эмне үчүн колдонгуңуз келет?
Элементти текшере билүү көптөгөн себептерден улам пайдалуу.
- Кодду тез арада өзгөртүү үчүн. Вебсайт дизайнерлери веб-сайттагы нерселерди убактылуу өзгөртүп, өзгөрүүлөр нерселерге кандай таасир тийгизерин көрө алышат.
- Кодду текшерүү үчүн. Дизайнерлор да, маркетологдор да Google Analytics деталдары сыяктуу нерселердин бар экенин ырастоо үчүн кодду текшере алышат.
- Сүрөттөрдү сайттан өзүнчө көрүү үчүн. Эгер сайт жаңы өтмөктө же терезеде сүрөт ачууга уруксат бербесе, элементти көрүү ага мүмкүнчүлүк берет.
-
Tinker. Веб-баракчанын кодун көрүү сиз көрүп жаткан нерсени түшүнүүгө жардам берип, сиз кирип жаткан сайтта эмне жана эмне үчүн сырды жок кыла аласыз. Бул шаймандын кантип иштээрин көрүү үчүн аны бөлгөн сыяктуу, бирок бул учурда жогото турган бурамалар жок.
КБС
Веб-сайтты текшерүү мыйзамдуубу?
Ооба. Бирок, эгер сиз веб-сайттан кандайдыр бир кодду же мүлктү колдонууну пландап жатсаңыз, ээси менен текшерип, автордук укук эскертүүсүн кошуңуз.
Текшерүү элементи бар веб-сайттан HTMLди кантип көчүрөм?
Chrome'до баракты оң баскыч менен чыкылдатып, Текшерүү тандаңыз, андан соң жогорку бөлүмгө өтүп, тегди оң баскыч менен басыңыз (мис.). Copy > Copy outerHTML тандаңыз, андан кийин кодду текстке же HTML файлына чаптаңыз.
CSS-ти текшерүү элементи бар вебсайттан көчүрсөм болобу?
Ооба. Көчүрүүнү каалаган элементти оң баскыч менен чыкылдатып, Текшерүү тандаңыз. Бөлүнгөн кодду оң баскыч менен чыкылдатып, Көчүрмө > Стилдерди көчүрүү тандаңыз.
Сакталган сырсөздөрүмдү текшерүү элементи аркылуу кантип көрө алам?
Жашыруун сырсөздөрдү ачуу үчүн сырсөз текст кутучасын оң баскыч менен чыкылдатып, Текшерүү тандаңыз. Бөлүнгөн бөлүмдө type="password" издеп, сырсөз дегенди текст менен алмаштырыңыз. Chrome'до бардык сырсөздөрүңүздү көрсөтүүнүн оңой жолдору бар.
