"Elementi yoxlayın", hər hansı bir veb səhifəsində HTML kodunu izləmək üçün istifadə edə biləcəyiniz Firefox brauzerindəki bir inkişaf etdirici vasitədir. Bir veb səhifənin HTML və CSS üslub cədvəlləri "Elementi yoxlayın" ilə düzəldilə bilər. Səhifəni istədiyiniz kimi düzəltməyə və düzəldilmiş veb səhifəni yenidən yükləyərək əvvəlki vəziyyətinə qaytarmağa cəhd edə bilərsiniz.
Addım
2 -dən 1 -ci hissə: Elementlərin yoxlanılması
Addım 1. Firefox'u yeniləyin (isteğe bağlı)
Firefox -un köhnə bir versiyasını istifadə edirsinizsə, bu məqalədə müzakirə olunan xüsusiyyətlərə daxil ola bilməyəcəksiniz. Hansı Firefox versiyasını istifadə etdiyinizi yoxladığınız zaman yeniləmə avtomatik olaraq quraşdırılacaq.
Firefox 9 və əvvəlki versiyalarda "Elementi yoxla" vasitəsi yoxdur
Addım 2. Hər hansı bir veb səhifəsi elementini sağ basın
İstənilən şəkli, mətni, arxa planı və ya elementi sağ vura bilərsiniz. Siçanınızın yalnız bir düyməsi varsa, sol klik və Control düyməsinin birləşməsi sağ klik ilə nəticələnəcək.
Addım 3. Açılan menyudan "Elementi yoxlayın" düyməsini basın
Pəncərənin altındakı bir alət çubuğu görünəcək. Alətlər panelinin altındakı bir panel də görünəcək və HTML kodunu aktiv səhifədə göstərəcəkdir.
Addım 4. Mövcud alət çubuqları və panelləri ilə tanış olun
"Elementi yoxlayın" istifadə edərkən brauzer pəncərəsinin altında bir neçə panel açılacaqdır. Aşağıda "Elementi yoxlayın" dakı alət çubuqlarının və panellərin adları və funksiyaları təsvir edilmişdir:
- Üst sətirdə Alətlər qutusu alətlər çubuğu var. Burada tapılacaq bir neçə vasitə var, ancaq soldakı Müfəttiş düyməsinə diqqət yetirəcəyik. Bu düymənin bu təlimat boyunca aktiv olduğundan əmin olun (aktiv olduqda mavi olan düymənin rəngi ilə göstərilir).
- Bunun altında, hazırda seçilmiş elementin yerini göstərən HTML elementlərinin çörək qırıntıları xətti var.
- Naviqasiya istəklərinin altındakı bölmə HTML ağacını və ya veb səhifənin "İşarələmə Görünüşünü" göstərir. Seçilmiş elementin HTML -si bu bölmədə işarələnəcək və mərkəzləşdiriləcək.
- Sağdakı bölmədə cari veb səhifənin CSS üslub cədvəli göstərilir.
Addım 5. Başqa bir element seçin
Alətlər paneli açıq olduqda digər elementləri asanlıqla seçə bilərsiniz. Bunun üç yolu var:
- Seçilmiş elementi qeyd etmək üçün HTML xəttinin üzərinə gedin (bu xüsusiyyət Firefox 34+ tələb edir). Bu elementi seçmək üçün HTML düyməsini vurun.
- Alətlər çubuğunun sol küncündəki "Element Seç" alətini vurun: bir qutunun üstündə imlec şəklində bir simvolu var. Bir elementi işarələmək üçün imleci veb səhifədə hərəkət etdirin və seçin.
Addım 6. HTML kodunu izləyin
HTML bölməsində hər hansı bir yerə vurun. Koddan koda keçmək üçün klaviaturada sol və sağ istiqamət düymələrindən istifadə edin (bu xüsusiyyət Firefox 39+ tələb edir). Bu üsul, kursorla seçilə bilməyəcək qədər kiçik olan elementləri seçmək üçün faydalıdır.
- Boz rəngli HTML səhifədə göstərilməyən elementləri göstərir. Bura daxil olan elementlər, düyünlər kimi şərhlər və CSS görüntü xüsusiyyəti tərəfindən gizlədilən digər elementlərdir.
- Məzmunu göstərmək və ya gizlətmək üçün qutunun solundakı oxu vurun. Bütün məzmunu göstərmək üçün, oku tıklayarkən alt="Şəkil" və ya seçimini basıb saxlayın.
Addım 7. Elementi tapın
Çörək qırıntıları satırının ən sağ küncündə axtarış sahəsini (döngə şəkilli simge) axtarın. Axtarış sahəsini genişləndirmək üçün basın və axtardığınız HTML kodunu yazın. Siz yazarkən, uyğun axtarış nəticələrini göstərən bir pop-up görünəcək. Axtarış nəticələrindən bir elementi vurun və HTML bölməsini axtardığınız koda doğru sürüşdürün.
2 -dən 2 -ci hissə: HTML redaktəsi
Addım 1. Yenidən başlamaq üçün səhifəni yenidən yükləyin
Veb sayt inkişaf etdirmə vasitələrində yenisinizsə, redaktə etdiyiniz səhifələrdə qalıcı dəyişikliklər etmədiyinizi unutmayın. Düzəlişləriniz yalnız səhifəni yenidən yükləyənə və ya bağlayana qədər ekranda görünür. Nə olacağını bilməsəniz də sınaqdan keçirin.
Addım 2. Redaktə etmək üçün HTML -ni iki dəfə vurun
Daxili HTML -ni iki dəfə vurun. Yeni mətni yazın və dəyişiklikləri saxlamaq üçün enter düyməsini basın.
Addım 3. Daha çox seçim gətirmək üçün çörək qırıntılarında aləti basıb saxlayın
Çörək qırıntıları alət çubuğunun HTML ağacı ilə yuxarıdakı alətlər çubuğu arasında yerləşdiyini unutmayın. Daha çox menyu açmaq üçün bu sıradakı bir aləti basıb saxlayın. Aşağıda mövcud variantlara dair bir işarə var (tam deyil):
- "HTML olaraq redaktə et", hər bir satırı düzəltmək əvəzinə, HTML ağacından bütün HTML məzmununu düzəltməyə imkan verir.
- "Daxili HTML Kopyala" bütün məzmunu qovluğun içərisinə kopyalayır, "Xarici HTML Kopyala" məzmun və qovşaqları (məsələn,
- "Yapışdır →", nüsxədən əvvəl və ya düyünün ilk uşağından sonra olduğu kimi, kopyanın hara yapışdırılacağı ilə bağlı bir neçə variant gətirir.
- : hover,: active və: focus istifadəçi qarşılıqlı olduqda elementin görünüşünü dəyişir. Dəyişən effektlər CSS üslub cədvəlindən təyin olunur (Sağdakı paneldən düzəldilə bilər).
Addım 4. Çək və burax
Koddakı elementləri yenidən düzəltmək üçün nöqtəli xətt görünənə qədər HTML düyməsini basıb saxlayın. Xətti ağacın yuxarı və aşağı hərəkət etdirin və xətt istədiyiniz yerdə olduqda siçan düyməsini buraxın.
Bu xüsusiyyət Firefox 39 və sonrasını tələb edir
Addım 5. Geliştirici alət çubuğunu bağlayın
Bütün Elementi yoxlamaq pəncərəsini bağlamaq üçün, CSS panelinin üstündə yerləşən alətlər çubuğunun sağ üst küncündəki X düyməsini basın.
İpuçları
- Alətlər panelini pəncərənin yuxarısındakı menyu seçimlərindən də aça bilərsiniz:
- Windows: Firefox → Veb Developer → Alətləri dəyişdir
- Mac və ya Linux: Alətlər → Veb Geliştirici → Alətləri dəyişdirin
- Firefox 40 -da CSS panelini gizlətmək imkanı var, beləliklə HTML redaktə etmək üçün daha çox yeriniz var. Çörək qırıntıları satırının ən sağ küncündə və axtarış sahəsinin sağındakı ox işarəsini axtarın. CSS panelini gizlətmək üçün bu işarəni vurun və onu açmaq üçün yenidən vurun.
- CSS panellərini də redaktə edə bilərsiniz, lakin bu məqalədə bunlar yoxdur. CSS kodunu redaktə etmək üçün təlimatları İnternetdə tapa bilərsiniz.
