Не білу керек
-
Safariде: веб-бетті тінтуірдің оң жақ түймешігімен басып, Элементті тексеру таңдаңыз.
- Chrome браузерінде тінтуірдің оң жақ түймешігін басып, Тексеру түймесін басуға болады.
- Сафариде мүмкіндікті қосу үшін: Safari > Параметрлер > Кеңейтілген 64334 Мәзір жолағында Әзірлеу мәзірін көрсету жолағы.
Бұл мақала Mac жүйесінде веб-сайт элементін тексеруді үйретеді. Ол мұны Safari және Google Chrome арқылы қалай жасау керектігін қарастырады.
Mac компьютерінде Inspect Element мүмкіндігін қалай пайдаланасыз?
Safari пайдалану кезінде Mac жүйесіндегі элементтерді тексермес бұрын браузерде әзірлеуші мәзірін қосу керек. Мұнда оны қосу жолы және элементті тексеру үшін не істеу керектігі көрсетілген.
Егер бетбелгілер мен терезе арасында әзірлеуді көрсеңіз, Әзірлеуші мәзірі әлдеқашан қосылған және 4-қадамға өтуге болады.
Safari ішіндегі Элементті тексеру мүмкіндігін пайдалану
Міне, Mac компьютерлеріндегі әдепкі браузер Safari-де Inspect Element қолданбасын пайдалану жолы.
-
Safari қолданбасында Safari > Параметрлер түймесін басыңыз.
Image -
Қосымша түймесін басыңыз.
Image -
Мәзір жолағында Әзірлеу мәзірін көрсету түймесін басып, терезені жабыңыз.
Image - Веб-сайтты шолу кезінде тексергіңіз келетін элементті тінтуірдің оң жақ түймешігімен басыңыз.
-
Элементті тексеру түймесін басыңыз.
Image -
Енді тексерген веб-сайттың артындағы кодты көре аласыз.
Image
Mac компьютеріндегі Chrome жүйесіндегі Элементті тексеру мүмкіндігін пайдалану
Егер Mac жүйесінде Safari орнына Chrome қолданбасын пайдалансаңыз, элементті көру одан да оңай, өйткені мүмкіндікті қосудың қажеті жоқ. Міне, не істеу керек.
- Chrome браузерінде веб-сайтты шолыңыз.
- Тексергіңіз келетін элементті тінтуірдің оң жақ түймешігімен басыңыз.
-
Тексеру түймесін басыңыз.
Image -
Енді кодты Chrome браузеріндегі бүйірлік терезеде көруге болады.
Image
Неге мен Mac компьютерімде тексере алмаймын?
Safari ішінде Әзірлеуші мәзірін қоспаған болсаңыз, Mac жүйесіндегі элементті тексере алмауыңыз мүмкін. Міне, мұны қалай жасау керектігі туралы еске салғыш.
-
Safari қолданбасында Safari > Параметрлер түймесін басыңыз.
Image -
Қосымша түймесін басыңыз.
Image -
Мәзір жолағында Әзірлеу мәзірін көрсету түймесін басып, терезені жабыңыз.
Image
Элементті тексеру арқылы веб-сайтты қалай өзгертуге болады
Веб-сайттағы кодты көруге мүмкіндік берумен қатар, Элементті тексеру арқылы кез келген веб-сайт элементін уақытша өзгертуге болады. Safari арқылы мұны істеу жолы.
Процесс басқа браузерлерде өте ұқсас.
- Веб-сайтты шолу кезінде тексергіңіз келетін элементті тінтуірдің оң жақ түймешігімен басыңыз.
- Элементті тексеру түймесін басыңыз.
- Оны өңдеуге болатындай ету үшін кодтағы мәтінді екі рет басыңыз.
- Оны жойыңыз немесе жаңа мәтін жолын енгізіңіз.
- Енгізу түймесін түртіңіз.
- Код енді тек сіздің пайдаңыз үшін уақытша өзгертілді.
Неге Элементті тексеру мүмкіндігін пайдаланғыңыз келеді?
Элементті тексере алу көптеген себептерге байланысты пайдалы.
- Кодты жылдам өзгерту үшін. Веб-сайт дизайнерлері өзгерістердің заттарға қалай әсер ететінін көру үшін веб-сайттағы нәрселерді уақытша өзгерте алады.
- Кодты тексеру үшін. Дизайнерлер де, маркетологтар да Google Analytics мәліметтері сияқты нәрселердің бар екенін растау үшін кодты тексере алады.
- Суретті сайттан бөлек көру үшін. Егер сайт суретті жаңа қойындыда немесе терезеде ашуға рұқсат бермесе, элементті көру мүмкін етеді.
-
Tinker. Веб-беттің кодын көру сізге не көріп тұрғаныңызды түсінуге көмектеседі, сіз кіретін сайтта не және не үшін болып жатқанының құпиясын жояды. Бұл құрылғының қалай жұмыс істейтінін көру үшін оны бөлшектеу сияқты, бірақ бұл жағдайда жоғалтатын бұрандалар жоқ.
ЖҚС
Веб-сайтты тексеру заңды ма?
Иә. Дегенмен, веб-сайттағы қандай да бір кодты немесе активтерді пайдалануды жоспарласаңыз, иесіне хабарласып, авторлық құқық ескертуін қосыңыз.
Тексеру элементі бар веб-сайттан HTML қалай көшіруге болады?
Chrome браузерінде бетті тінтуірдің оң жақ түймешігімен басып, Тексеру тармағын таңдаңыз, содан кейін жоғарғы бөлімге өтіп, тегті тінтуірдің оң жақ түймешігімен басыңыз (мысалы). Copy > Copy outerHTML таңдаңыз, содан кейін кодты мәтінге немесе HTML файлына қойыңыз.
Мен CSS-ті тексеру элементі бар веб-сайттан көшіре аламын ба?
Иә. Көшіретін элементті тінтуірдің оң жақ түймешігімен басып, Тексеру таңдаңыз. Бөлектелген кодты тінтуірдің оң жақ түймешігімен басып, Көшіру > Стильдерді көшіру таңдаңыз.
Тексеру элементі арқылы сақталған құпия сөздерді қалай көремін?
Жасырын құпия сөздерді ашу үшін құпия сөз мәтін жолағын тінтуірдің оң жақ түймешігімен басып, Тексеру таңдаңыз. Бөлектелген бөлімде type="password" іздеңіз және password сөзін мәтін деп ауыстырыңыз. Chrome браузерінде барлық құпия сөздерді көрсетудің оңай жолдары бар.
