Hər hansı bir Web səhifəsinin HTML və CSS-yə baxın
Veb səhifə kod satırları ilə qurulmuşdur, lakin nəticə şəkillər, videolar, şriftlər və daha çox olan xüsusi səhifələrdir. Bu elementlərdən birini dəyişdirmək və ya tərkibinin nə olduğunu görmək üçün onu nəzarət edən xüsusi kod satırını tapmaq lazımdır. Bunu bir element yoxlama vasitəsi ilə edə bilərsiniz.
Çox veb brauzerlər bir yoxlama alətini yükləməyəcək və ya bir əlavə etmir. Bunun əvəzində, onlar səhifə elementini sağa vurub, yoxlayın və Elementi yoxlayın . Ancaq proses brauzerinizdə bir az fərqli ola bilər.
Chrome elementlərini yoxlayın
Google Chrome-nun ən son versiyaları səhifəni bir neçə şəkildə yoxlayır, bunların hamısı daxili Chrome DevTools-dan istifadə edir:
- Sayfada bir şey (və ya boş bir yer) sağ tıklayıp Inspect'i seçin
- Ctrl + Shift + I klaviatura qısa yollarını daxil edin
- Daha Əlavələr> Geliştirici vasitələrinə daxil olmaq üçün Chrome menyusundan istifadə edin
Chrome DevTools, HTML xəttlərini asanlıqla kopyalamaq və ya redaktə etmək və ya elementləri tamamilə silmək (səhifə yüklənənə qədər) kimi şeylər etməyə imkan verir.
DevTools səhifənin tərəfində açıldıqdan sonra yerləşdirildiyi yerdən dəyişə bilərsiniz, səhifədən çıxarıla bilər, bütün səhifənin fayllarını axtarın, xüsusi imtahan üçün səhifədən elementləri seçin, faylları və URL'leri kopyalayın, hətta bir dəstəni də özəlləşdirin ayarların.
Firefox-da Elementləri yoxlayın
Chrome kimi, Firefox Inspector adlı alətini açmaq üçün bir neçə müxtəlif yol var:
- Sayfada boş bir yeri sağ tıklatın və ya bir element seçin və Öğeyi İncele'yi seçin
- Klaviatura ilə Ctrl + Shift + T və ya Ctrl + Shift + I daxil edin
- Firefox menyusundan, Developer > Inspector'i basın
- Tools menüsünden Web Developer> Inspektor'u basın
Siçanınızı Firefox-da müxtəlif elementlər üzərindən hərəkət edərkən, Müfəttiş aləti avtomatik olaraq elementin mənbə kod məlumatını tapır. Bir elementə basın və "on-the-fly axtarış" dayanacaq və elementi Müfəttiş pəncərəsindən yoxlaya bilərsiniz.
Bütün dəstəklənən nəzarətləri tapmaq üçün bir elementi sağ basın. Sayfayı HTML kimi redaktə etmək, daxili və ya xarici HTML kodunu kopyalayıp yapıştırmak, DOM xüsusiyyətlərini göstərmək, ekran görüntüsünü göstərmək və ya node silmək, yeni xüsusiyyətləri asanlıqla tətbiq etmək, səhifənin CSS-ni və daha çoxunu görmək kimi şeylər edə bilərsiniz.
Opera Elementlərini yoxlayın
Opera, Chrome-un eyni olduğu DOM Müfəttişi vasitəsi ilə də elementləri yoxlaya bilər. Bununla əlaqədar olaraq:
- Klaviatura kısayolunu Ctrl + Shift + I istifadə edin
- Menyu> Daha çox Alətlər Sandıqı> Geliştirici menyusunu göstər və Menyu> Geliştirici> Təchizatçılar vasitəsi ilə menyunu açın
- Sayfadaki hər hansı bir elementin sağ klik menyusundan Seçin elementini seçin
Elementləri Internet Explorer-da yoxlayın
Developer Tools adlı bənzər bir yoxlama element aracı Internet Explorer'da mövcuddur:
- Klaviaturada F12 düyməsini basın
- Tools> F12 Developer Menu seçimini istifadə edin ( Tools menüsünü görmüyorsanız Alt + X vurun)
- Sayfada sağ tıklayıp Öğeyi İncele'yi basın
IE, bu yeni menyuda Seçmə elementi alətinə malikdir və HTML və CSS detallarını görmək üçün hər hansı bir səhifə elementinə basmanıza imkan verir. DOM Explorer sekmesinde göz atarkən elementin işıqlandırılmasını asanlıqla aradan bırakabilir / etkinleştirebilirsiniz.
Yuxarıdakı brauzerlərdə digər element müfəttiş alətləri kimi, Internet Explorer HTML, redaktə elementləri, surət elementlərini əlavə edilmiş üslublarla və daha çox əlavə etməklə, kəsmək, kopyalamaq və yapışdırmaq imkanı verir.