Inspect Element Kullanılarak Safari'de Web Sayfaları Nasıl Düzenlenir

Inspect Element aracıyla Safari, herhangi bir web sayfasının ön uç koduyla uğraşmanıza olanak tanır. Bir sayfanın farklı metin veya resimlerle nasıl görüneceğini test etmek istiyorsanız, Inspect Element ile kodunu değiştirerek bunu yapabilirsiniz.

Bu, yeni başlayanlara yönelik, bir web sitesinin metinlerini ve görüntülerini minimum kodlama bilgisi ile düzenlemek için Safari'de Inspect Element ile denemeye nasıl başlayabileceğinizi açıklamayı amaçlayan basit bir kılavuzdur.

Kontrol Elemanı Nedir?

Inspect Element bir geliştirici aracıdır. Chrome, Firefox ve Edge gibi diğer web tarayıcılarında da olsa Safari'de kullanılabilir. Inspect Element ile, HTML ve CSS gibi ön uç kodunu ortaya çıkarmak için bir web sitesinin perde arkasına göz atabilirsiniz. Ancak, veritabanları gibi size arka ucun görünürlüğünü sağlamaz.

Bu kodu sadece görmekle kalmaz, aynı zamanda ince ayar da yapabilirsiniz. Bu, bir web sitesinin görünümünü değiştirebileceğiniz anlamına gelir. Bir resmi değiştirebilir, bazı metinleri yeniden ifade edebilir, farklı bir yazı tipi kullanabilir, renk düzenini değiştirebilir ve daha fazlasını yapabilirsiniz. Ancak, bu düzenlemeler yereldir. Senden başka kimseye görünmeyecekler; sayfayı yenilediğinizde veya sayfadan uzaklaştığınızda kaybolurlar.

Neden Inspect Element'i Kullanmalısınız?

Gelişmekte olan bir web geliştiricisiyseniz Inspect Element harika bir araçtır. En sevdiğiniz web sitesine güç veren kodu, gerçek dünya ortamında istediğiniz gibi değiştirerek tam anlamıyla görebilirsiniz. Çok var Inspect Element'i kullanarak elde edebileceğiniz eğlenceli bilgiler.

Örneğin, işletme sahipleri, bir rakibin web sitesinde yer alan anahtar kelimelere bakabilir veya tasarımcılar, bir yazı tipini tanımlamak için Inspect Element'i kullanın çekici bulduklarını veya web sitelerinde farklı bir renk şemasını hızlı bir şekilde test ettiklerini.

Şimdilik, Inspect Element'i kullanarak bir web sayfasının temellerini düzenlemeye odaklanacağız.

Safari'de Inspect Element'e Nasıl Erişilir

Geliştirici menüsünü kullanarak Inspect Element'i Safari'de açabilirsiniz:

1. Safari'yi açın.
2. Tıklamak Safari üst menü çubuğunda.
3. Açılır menüden, tercihler.
4. seçin Gelişmiş seçenek.
5. yazan kutuyu işaretleyin Menü çubuğunda Geliştirme menüsünü göster.

Bu seçeneği seçtikten sonra şunları yapabilirsiniz: sağ tık bir web sayfasında seçin ve Elemanı İncele. Alternatif olarak, seçebilirsiniz Geliştirmek menü çubuğunda ve ardından Web Denetçisini Göster.

Inspect Element'te Web Elementleri Nasıl Bulunur?

Bir öğeyi düzenlemeye başlamak için, sağ tık düzenlemek ve tıklamak istediklerinizi Elemanı İncele. Bu, ilgili bölümün vurgulandığı geliştirici penceresini açacaktır. Ele almak istediğiniz belirli öğenin (örneğin resim veya metin) gizli olduğunu görebilirsiniz; yerini belirlemek için oklar iç içe bölümleri genişletmek için soldaki

Seçiminizi daraltmaya yardımcı olması için, hedef simgesi Öğeyi İncele araç çubuğundan. Şimdi, kodda gezinirken, web sitesinde o bölümü vurgular. Veya sitedeki bir bölümü tam olarak belirlemek için imlecinizi kullanabilirsiniz. Bu, bir web sayfasının kalabalık bir alanında belirli bir şeye odaklanmak istediğinizde kullanışlıdır.

Inspect Element Kullanarak Bir Web Sitesi Metni Nasıl Düzenlenir

Bir sitenin kaynak kodunda bulduktan sonra bir metin parçasını düzenlenebilir hale getirmek için, çift ​​tıklama o. Yeni metni doğrudan koda yazabilir veya mevcut metni silebilirsiniz. Belirli bir metin dizisi için düzenleme tamamlandığında, Giriş, ve web sayfasındaki metin değişecektir.

Gerçekten bu kadar basit! Bunun işe yaramayacağı tek zaman, metnin aslında bir logo gibi bir görüntünün parçası olduğu zamandır.

Inspect Element'i Kullanarak Bir Web Sitesinin Görsellerini Nasıl Düzenlersiniz?

Resimler ön uçta size görsel olarak görünürken, web sitesi kodunda bağlantı olarak görünürler. Yapabilirsin sağ tık ve görüntü ve seçin Elemanı İncele bu görüntünün kodda olduğu yere atlamak için. Web sitesi resimleri, özel olarak olmasa da genellikle JPG, GIF veya PNG dosya uzantılarına sahiptir.

Çift tıklama bu görüntü dizilerini düzenleyebilir veya isterseniz sisteminize kaydedebilirsiniz. Resmi değiştirmek istiyorsanız, yeni bir resim URL'si için değiştirin. Veya görüntüyü görünümden kaldırmak için kod dizesini tamamen silebilirsiniz.

Safari Kullanarak Web Sitelerine Girin

Safari'nin Inspect Element aracı, bir metin veya URL dizesini değiştirmek kadar kolay olan metin ve resimlere karşılık gelen kodu kolayca bulmanızı ve değiştirmenizi sağlar. Inspect Element ile bir web sitesini düzenlemeyi bitirdikten sonra, sayfayı yenileyin ve her şey normale dönecektir.

Tarayıcınızın Kullanıcı Aracısını ve Hile Web Sitelerini Nasıl Değiştirirsiniz?

Sonrakini Oku

Yazar hakkında