Bilinmesi Gerekenler
-
Safari'de: Bir web sayfasına sağ tıklayın ve Elementi İncele'yi seçin.
- Chrome'da sağ tıklayıp İncele'ye tıklayabilirsiniz.
- Özelliği Safari'de etkinleştirmek için: Safari > Preferences > Advanced > Geliştirme menüsünü menü çubuğunda kutusunda göster.
Bu makale, bir web sitesinin öğesini Mac'te nasıl denetleyeceğinizi öğretir. Bunun Safari ve Google Chrome aracılığıyla nasıl yapılacağına bakar.
Inspect Element Özelliğini Mac'te Nasıl Kullanırsınız?
Safari kullanırken Mac'te öğeleri incelemeden önce, tarayıcıda geliştirici menüsünü etkinleştirmeniz gerekir. İşte nasıl açılacağına ve bir öğeyi incelemek için ne yapılması gerektiğine bir bakış.
Yer İşaretleri ve Pencere arasında Geliştir'i görebiliyorsanız, Geliştirici Menüsü zaten etkindir ve 4. adıma geçebilirsiniz.
Safari'de Öğeyi İncele Özelliğini Kullanma
İşte Inspect Element'i Mac bilgisayarlarda varsayılan tarayıcı olan Safari'de nasıl kullanacağınız.
-
Safari'de Safari > Preferences'a tıklayın.
Image -
Tıklayın Gelişmiş.
Image -
Menü çubuğunda Geliştirme menüsünü göster tıklayın ve ardından pencereyi kapatın.
Image - Bir web sitesine göz atarken, incelemek istediğiniz öğeye sağ tıklayın.
-
Tıkla Öğeyi İncele.
Image -
Artık incelediğiniz web sitesinin arkasındaki kodu görüntüleyebilirsiniz.
Image
Bir Mac'te Chrome'da Inspect Element Özelliğini Kullanma
Mac'inizde Safari yerine Chrome kullanıyorsanız, özelliği etkinleştirmeye gerek olmadığından bir öğeyi görüntülemek daha da kolaydır. İşte yapmanız gerekenler.
- Chrome'da bir web sitesine göz atın.
- İncelemek istediğiniz öğeye sağ tıklayın.
-
Tıklayın Denetle.
Image -
Artık kodu Chrome'da bir yan pencerede görüntüleyebilirsiniz.
Image
Neden Mac'imde İnceleyemiyorum?
Safari'de Geliştirici menüsünü etkinleştirmediyseniz Mac'inizdeki bir öğeyi inceleyemeyebilirsiniz. İşte nasıl yapılacağına dair bir hatırlatma.
-
Safari'de Safari > Preferences'a tıklayın.
Image -
Tıklayın Gelişmiş.
Image -
Menü çubuğunda Geliştirme menüsünü göster tıklayın ve ardından pencereyi kapatın.
Image
Elementi İnceleyerek Web Sitesi Değişiklikleri Nasıl Yapılır
Bir web sitesindeki kodu görüntülemenize izin vermenin yanı sıra, Inspect Element aracılığıyla herhangi bir web sitesi öğesini geçici olarak değiştirmek de mümkündür. Bunu Safari ile nasıl yapacağınız aşağıda açıklanmıştır.
İşlem diğer tarayıcılarda çok benzer.
- Bir web sitesine göz atarken, incelemek istediğiniz öğeye sağ tıklayın.
- Tıkla Öğeyi İncele.
- Düzenlenebilir hale getirmek için koddaki metne çift tıklayın.
- Silin veya yeni bir metin dizisi girin.
- Giriş'e dokunun.
- Kod şimdi sadece sizin yararınıza geçici olarak değiştirildi.
Eleman İnceleme Özelliğini Neden Kullanmak İstiyorsunuz?
Bir öğeyi inceleyebilmek birçok nedenden dolayı faydalıdır.
- Kodu anında değiştirmek için. Web sitesi tasarımcıları, değişikliklerin işleri nasıl etkilediğini görmek için bir web sitesindeki bazı şeyleri geçici olarak değiştirebilir.
- Kodu kontrol etmek için. Hem tasarımcılar hem de pazarlamacılar, Google Analytics ayrıntıları gibi şeylerin orada olduğunu doğrulamak için kodu kontrol edebilir.
- Görüntüleri bir siteden ayrı olarak görüntülemek için. Bir site bir resmi yeni bir sekmede veya pencerede açmanıza izin vermiyorsa, öğeyi görüntülemek bunu mümkün kılar.
-
Tinker. Bir web sayfasının kodunu görmek, ne gördüğünüzü anlamanıza yardımcı olabilir, bulunduğunuz sitede neyin ve neden olduğunun gizemini ortadan kaldırabilir. Nasıl çalıştığını görmek için bir cihazı parçalara ayırmak gibi bir şey ama bu durumda kaybedecek vida yok.
SSS
Bir web sitesini incelemek yasal mı?
Evet. Ancak, bir web sitesindeki herhangi bir kodu veya varlığı kullanmayı planlıyorsanız, sahibiyle görüşüp bir telif hakkı notu eklediğinizden emin olun.
İnceleme öğesi olan bir web sitesinden HTML'yi nasıl kopyalarım?
Chrome'da, sayfayı sağ tıklayın ve Inspect öğesini seçin, ardından üst bölüme gidin ve etiketi sağ tıklayın (ör.). Copy > Copy externalHTML öğesini seçin, ardından kodu bir metin veya HTML dosyasına yapıştırın.
İnceleme öğesi olan bir web sitesinden CSS kopyalayabilir miyim?
Evet. Kopyalamak istediğiniz öğeye sağ tıklayın ve Inspect öğesini seçin. Vurgulanan koda sağ tıklayın ve Copy > Copy stilleri. öğesini seçin
İnceleme öğesini kullanarak kayıtlı şifrelerimi nasıl görebilirim?
Gizli şifreleri ortaya çıkarmak için şifre metin kutusuna sağ tıklayın ve İncele öğesini seçin. Vurgulanan bölümde, type=”password” arayın ve password yerine text yazın. Chrome'da tüm şifrelerinizi göstermenin daha kolay yolları var.
