Çoğu insan, emrinde geliştirici araçları hazinesi olduğundan ve bunların en sevdikleri tarayıcıda gizlendiğinden habersizdir.
Her web tarayıcısı, bir web sitesinin kodlamasını kontrol etmek için geliştirici araçları sunar, ancak bu, ortalama bir internet kullanıcısı için yabancı bir varlıktır. Sonuçta, kim bir web sitesinin kodlamasına bakmak ister, değil mi?
Görünüşe göre, bir web sitesinin kodlamasına bakarak öğrenebileceğiniz pek çok şey var. İnceleme öğesi özelliğinin neler sunabileceğini ve nasıl kullanılacağını öğrenmek için okumaya devam edin.
Inspect Element Nasıl Kullanılır
Çoğu tarayıcının bir web sitesinin öğelerini incelemek için araçları vardır, ancak hepsi genellikle aynı şekilde çalışır.
Google Chrome'da Inspect Öğesini Kullanma
- İncelemek istediğiniz web sitesini açın.
- Sayfada herhangi bir yere sağ tıklayın ve İncele .
VEYA - Araç çubuğunuzun sağ köşesindeki üç dikey noktayı tıklayın.
- Git Daha Fazla Araç .
- Seçiniz Geliştirici Araçları .
VEYA - Basın F12 PC'de klavye kısayol tuşu veya CMD + Seçenekler + I Mac'te.
Microsoft Edge'de Inspect Öğesini Kullanma
- Bir web sitesi açın.
- Tarayıcının araç çubuğunun sağ üst köşesindeki üç dikey noktayı tıklayın.
- Aşağı kaydırın ve tıklayın Daha Fazla Araç .
- Tıklamak Geliştirici Araçları .
VEYA - Web sitesinde herhangi bir yere sağ tıklayın.
- Tıklamak İncele .
VEYA - Basın Ctrl + Üst Karakter + I .
Bu üç yöntemden herhangi biri size aynı sonucu verecektir.
Bunu doğru bir şekilde yaptıysanız, tarayıcınızın altında yeni bir bölmenin açıldığını göreceksiniz. Bunlar Geliştirici Araçlarıdır ve Öğeler sekmesini içerir. Bu, Elemanı İncelemek için ihtiyacınız olan araçtır.
discord'da nasıl mesaj gönderilir
Panel, varsayılan olarak ekranınızın altında açılır, ancak nasıl göründüğünü her zaman değiştirebilirsiniz. Geliştirici Araçları panelini yeniden konumlandırmak için şu basit adımları izleyin:
- Geliştirici Araçları panelinin üst köşesindeki üç dikey noktayı tıklayın.
- Bir yuva tarafı seçin (sol, alt veya sağ) veya ayrı bir pencereye ayırın.
İmleci Geliştirici Araçları panel çerçevesinin kenarının yanına getirip sürüklemek çalışma alanını daraltır veya genişletir. Örneğin, paneli tarayıcı penceresinin sağ tarafına yerleştirmeyi seçerseniz, sol kenarlığın üzerine gelmeyi deneyin. Ok imlecini gördüğünüzde paneli yeniden boyutlandırmak için sürükleyebilirsiniz.
Yanıtları Bulmak için İnceleme Öğesi Nasıl Kullanılır?
Aşağıdakiler gibi çeşitli şeylerin yanıtlarını bulmak için Inspect Element'i kullanabilirsiniz:
- Site tasarımını mobil cihazlarda önizleme.
- Rakiplerin kullandığı anahtar kelimeleri bulun.
- Hız testleri.
- Bir web sayfasındaki metni değiştirme.
- Geliştiricilere neye ihtiyacınız olduğunu göstermek için hızlı örnekler bulun.
Öğeyi İncele panelini başlattığınızda, web sitesi için tüm kodlamaları göreceksiniz. Bu, içinde yerleşik olarak bulunan tüm JavaScript, CSS ve HTML kodlamasını içerir. Kodda değişiklik yapabilmeniz dışında, bir web sayfasının kaynak kodlamasını görmeye benzer. Ayrıca, uygulanan değişiklikleri gerçek zamanlı olarak görürsünüz.
Bu araç, pazarlamacılar, tasarımcılar ve geliştiriciler için herhangi bir tasarım değişikliğini sonlandırmadan önce görüntülemesini paha biçilemez kılar. Ancak, Inspect Element ile kodlamada değişiklik yapmak sonsuza kadar sürmez. Sayfayı yeniden yüklediğinizde, varsayılan durumuna geri dönecektir.
Chromebook'ta Inspect Element Nasıl Kullanılır
Chromebook'lardaki varsayılan tarayıcı Google'dır, bu nedenle erişim için Chrome tarayıcı talimatlarını izleyin. İnceleme Elemanı . İşte size biraz bilgi tazeleme kursu:
- Bir web sitesi açın.
- Araç çubuğunun sağ üst köşesindeki üç dikey çizgiye tıklayın.
- Seçiniz Daha Fazla Araç .
- Tıklamak Geliştirici Araçları .
Ayrıca sağ tıklama yöntemini veya F12 Geliştirici Araçlarına daha hızlı ulaşmak için işlev tuşu.
Android'de Inspect Element Nasıl Kullanılır
Inspect Element'i bir Android cihazda çalıştırmak biraz farklıdır. Android'de Öğeyi İnceleme paneline nasıl ulaşılacağına göz atın:
- Basın F12 fonksiyon tuşu.
- Seç Cihaz Çubuğunu Değiştir .
- Açılır menüden Android cihazı seçin.
Belirli bir Android cihazı seçtiğinizde, web sitesinin mobil bir sürümünün yüklendiğini fark edeceksiniz. Buradan, Android cihazınızda Inspect Element özelliğini masaüstünüzün rahatlığında kullanmakta özgürsünüz.
Bu yöntem hem Chrome hem de Firefox tarayıcıları için işe yarar çünkü Geliştirici Araçlarında Aygıt Simülasyonu adı verilen bir özellik vardır.
Aynı zamanda iPhone cihazları için de aynı şekilde çalışır. Açılır menüden doğru olanı seçmeniz yeterlidir.
Windows'ta Inspect Element Nasıl Kullanılır
Öğeyi İnceleme aracı mutlaka işletim sistemine özel değildir, tarayıcıya özeldir. Bu, Geliştirici Araçlarının kullandığınız tarayıcının bir özelliği olduğu ve mutlaka Windows olmadığı anlamına gelir. Ancak, hangi tarayıcıyı tercih ettiğinizden bağımsız olarak Öğeyi İncele paneline gidebilirsiniz.
Windows işletim sistemi kullanıyorsanız, muhtemelen Microsoft Edge tarayıcısını da kullanacaksınız. MS Edge'de Inspect Element'e nasıl erişeceğinizi kontrol edin:
- İncelemek istediğiniz web sitesini açın.
- Tarayıcı penceresinin köşesindeki üç dikey noktaya dokunun.
- Aşağı kaydırın ve seçin Daha Fazla Araç .
- Tıklamak Geliştirici Araçları .
Inspect Element'e daha hızlı erişmek istiyorsanız F12 işlev tuşunu da kullanabilirsiniz. Ayrıca, web sayfasına sağ tıklayıp Çalışmaları Denetle'yi seçin.
Inspect Element'i Chrome'da Kullanma
Chrome'da Inspect Element'e erişmenin üç yolu vardır. Yapabilirsin:
lol'de ping nasıl gösterilir
- Ayarlar menüsünü veya tarayıcıdaki üç dikey noktayı tıklayın ve şuraya gidin: Diğer Araçlar> Geliştirici Araçları .
- Web sayfasına sağ tıklayın ve seçin İncele .
- Kullanım Ctrl + Üst Karakter + I (İnceleyin).
İlk yol, yeni Inspect Element kullanıcılarının hatırlaması için daha sezgiseldir. Ancak, bu özelliği sık kullanmayı planlıyorsanız, hızlı tuşlar kullanışlı olabilir.
Mac'te Inspect Element Nasıl Kullanılır
Mac kullanıyorsanız, tarayıcınız büyük olasılıkla Safari'dir. Inspect Elements'i Safari'de açmak, Chrome ve Firefox'tan biraz farklıdır. Ancak şu adımlarla bu kadar basit:
- Safari tarayıcısını açın.
- Tıklamak Safari başlık sekmesinde.
- Seçiniz Tercihler açılır menüden.
- Tıkla ileri ekranın üst kısmında bulunan dişli simgesi
- Yazan kutuyu işaretleyin Geliştirme menüsünü menü çubuğunda göster .
Bu adımlardan geçmek, tarayıcınızda Öğeyi İncele özelliğini etkinleştirir. Önce Öğeyi Denetle'yi etkinleştirmezseniz, bir web sitesini açtığınızda seçeneği görmezsiniz.
Bu adımı tamamladıktan sonra, herhangi bir açık web sayfasına sağ tıklayın ve İncele'yi seçin. Hızlı tuşlar komutunu da kullanabilirsiniz: CMD + Seçenek + I (inceleyin).
Google Formlar'da Inspect Element Nasıl Kullanılır?
İnceleme Öğesini Google Formlar'da da kullanabilirsiniz. Ancak, bir testin yanıtlarını arıyorsanız, şansınız kalmaz. Kodlamada gömülü yanıtları bulamazsınız.
Cevapları yalnızca formun yaratıcısı veya düzenleyicisi iseniz görüntüleyebilirsiniz. Ancak, Google Formlar'da bir testi yanıtlayan bir öğrenciyseniz, yalnızca kendi yanıtlarınızı görürsünüz.
Her iki durumda da, forma sağ tıklayıp İncele formun tüm kodunu görmek için.
İPhone'da Inspect Element Nasıl Kullanılır
İPhone'da bir web sayfasının mobil sürümünün nasıl göründüğünü görmek için Öğeleri İncele özelliğini kullanmak istiyor musunuz? Bunu ve daha fazlasını sadece birkaç basit adımda yapabilirsiniz. Ancak bir öğeye bakmadan önce, iOS cihazınız için Web Inspector'ı etkinleştirmeniz gerekir:
- Git Ayarlar .
- Seçiniz Safari .
- Aşağı kaydırın ve üzerine dokunun. Gelişmiş Menü .
- Açmak için dokunun Web Denetçisi .
Ayrıca, Mac'inizde Geliştirme menüsünün etkinleştirildiğinden emin olmanız gerekir:
- Safari'yi açın.
- Seçiniz Safari üst başlıklardan.
- Tıklamak Tercihler .
- Tıklamak ileri .
- Yazan kutuyu işaretleyin Geliştirme menüsünü menü çubuğunda göster .
Hem iOS mobil cihazı hem de Mac'i etkinleştirdikten sonra, Mac'inizin üst çubuğunda Geliştir menüsünü göreceksiniz. Bağlı iPhone'u ve cihazda aktif olan web sayfasını görmek için üzerine tıklayın. Web sayfasının seçilmesi, Mac ekranınızda aynı sayfa için bir Web Denetçisi penceresi de açar.
Bununla birlikte, bu talimatların Windows'ta Safari için değil, yalnızca Mac çalıştıran Safari için çalıştığını unutmayın.
İnceleme Öğesi Engellendiğinde Nasıl Kullanılır?
Zaman zaman, bir web sayfasını inceleyemeyeceğinizi ve üzerine sağ tıklamaya çalışırsanız İncele seçiminin grileştiğini görürsünüz. Engellendiğini düşünebilirsiniz, ancak bununla ilgili pek çok yol vardır:
Yöntem 1 - Javascript'i Kapat
- İçine gir Ayarlar .
- AramaJavaScript.
- Kapatmak JavaScript .
Yöntem 2 - Geliştirici Araçlarına Uzun Yoldan Erişin
Denetlemek için fareye sağ tıklamak yerine şunu yapın:
- Git Ayarlar tarayıcınızda.
- Seçiniz Daha Fazla Araç .
- Aşağı kaydırın ve tıklayın Geliştirici Ayarları .
Yöntem 3 - İşlev Tuşunu Kullanma
sihirdar adını değiştir league of legends
Ayrıca şunu kullanmayı deneyebilirsiniz: F12 Web sayfalarında Inspect için sağ tıklamayı engelleyen işlev tuşu.
Sizin için işe yarayan bir yöntemle karşılaşmadan önce tüm bu yöntemleri denemeniz gerekebilir. Son çare olarak, kaynak kodunu yazarak da görüntülemeyi deneyebilirsiniz. kaynağı görüntüle: [tam url'yi girin] .
Discord'da Inspect Element Nasıl Kullanılır
Discord'da kodlamanızı kontrol etmek kolay bir işlemdir. Sadece kullan Ctrl + Üst Karakter + I komut veya F12 Discord sayfasındaki tuş.
Okul Chromebook'unda İnceleme Öğesi Nasıl Kullanılır?
Chromebook'unuz bir okul tarafından verildiyse, Öğeyi İncele özelliğini kullanmak birkaç basit adımı içerir:
- Web sayfasına sağ tıklayın veya iki parmakla dokunun ve seçin İncele .
VEYA - Basın Ctrl + Üst Karakter + I
Ancak bazı okullar ve kuruluşlar bu özelliği engellemektedir. Dolayısıyla, sizin için işe yaramıyorsa, kuruluşunuzla veya okul yöneticinizle iletişime geçmeniz gerekebilir.
Ek SSS
Yanıtları Bulmak için Öğeyi İncele Komutunu Nasıl Kullanırım?
İnceleme Öğesi özelliğini kullanarak cevap bulmanın tek yolu, web sitesinin gönderildikten sonra anında ortaya çıkmasıdır. Bu durumda, kodlamada cevaplar mevcuttur.
Aksi takdirde, Öğeyi İncele özelliğini kullandığınızda sınav veya testin kodlamasını ve gönderdiğiniz yanıtları görüntülemiş olursunuz.
İnceleme Öğesi Yasadışı mı?
Hayır, İnceleme Öğesi yasa dışı değildir. Bir web sitesi için kaynak kodunu görüntülemek yasa dışı değildir, yalnızca toplanan bilgileri istismar girişiminde bulunmak gibi kötü amaçlarla kullanırsanız sorun olur.
Tarayıcıda Denetleme Öğesini Devre Dışı Bırakmak Mümkün mü?
Kısa cevap hayır.
Denetleme Öğesini bir tarayıcıda devre dışı bırakamazsınız. Ancak, kullanıcıların bir web sayfasına sağ tıklama gibi belirli eylemleri yapmasını engelleyen parametreler ayarlayabilirsiniz. Belirli olayları devre dışı bırakmak için doğru komut dosyalarını ayarlamak için çok sayıda çevrimiçi eğitim vardır. Ancak, Öğeyi İncele özelliğini bütünüyle gerçekten devre dışı bırakamazsınız.
Bir Web Sayfasının Özünü Tanıyın
Bir web sayfasının Inspect Element özelliğine göz atmak muhtemelen ihtiyacınız olduğunu bilmediğiniz bir geliştirici aracıdır - kendiniz bir geliştirici olmasanız bile. Web sitenizin daha sorunsuz çalışmasını sağlayacak tonlarca tasarım ve pazarlama uygulamasına sahiptir. Ve belki size bir rakip konusunda bir avantaj sağlayabilir.
Inspect Element'i ne için kullanıyorsunuz? Aşağıdaki yorumlar bölümünde bize bundan bahsedin.