▷ KAYNAK KODU Safari MAC'ye bakın

Bugün, web'in sunduğu olanaklar çok büyük olduğu için zamanımızın çoğunu internette gezinerek geçiriyoruz. Farklı içeriklere sahip milyonlarca sayfa var, bu yüzden bilgi veya eğlence olsun, aradığımız hemen hemen her şeyi tek bir tıklamayla bulabiliyoruz. Ayrıca sadece bilgisayardan değil, cep telefonu veya tablet gibi diğer cihazlardan da erişebiliyor olmamız, erişimi giderek daha sık hale getiriyor. Mevcut tarayıcılar, ziyaret edilen web sitesinin ağ değişkenlerinden sunum ortamına kadar çok fazla parametresini içeren çok çeşitli seçenekler eklendiğinden, hem geleneksel kullanıcıların hem de geliştiricilerin görevini kolaylaştırmak için geliştirilmiş farklı işlevleri entegre eder. Safari'de kaynak kodunu görüntüleme işlevine.

İnternette gezinme, giderek daha sık yaptığımız bir şey. Eriştiğimiz sayfaların sayısı artıyor, bu da aramalarımızın giderek daha kapsamlı olmasını sağlıyor. Ziyaret ettiğimiz web sitelerinin her birinin arkasında, o sayfanın tasarımının ve işlevselliğinin bulunduğu kaynak kod adı verilen karmaşık bir kod bulunur. Bu kodun görüntülenmesi genellikle çoğu web tarayıcısında mümkündür. Bahsettiğimiz gibi, belirli bir sitede doğrudan çalışma yapabileceğiniz geliştiriciler için özel bir araçtır, Safari bu seçeneği varsayılan olarak etkinleştirmez, ancak Solvetic ile onu etkinleştirmenin ve kaynak koduna erişmenin ne kadar basit olduğunu öğreneceksiniz. bir sitenin Web'i.

Mac için Safari söz konusu olduğunda, bu kaynak koduna erişmek istiyorsak, bunu Chrome ve Firefox'tan farklı bir şekilde yapmalıyız. Bir Safari web sitesinin kaynak kodunu görmek istediğimizde aşağıdaki adımları uygulamamız gerekmektedir. Ayrıca sizi Safari Mac kaynak kodunu görüntüleme adımlarıyla birlikte video eğitiminin altında bırakıyoruz.

1. Menüden Safari kaynak kodunu görüntüleyin


Aşama 1
Bu durumda yapmamız gereken ilk şey, geliştirme menüsü adı verilen gizli bir menüyü etkinleştirmektir. Bu menüyü görebilmemiz için Safari tercihlerine erişmemiz gerekiyor.

Adım 2
Tercihlere girdikten sonra, farklı sekmelerle açılan bir penceremiz olacak. "Gelişmiş" yazan somun şeklindeki simgeyi seçmeliyiz. Bu bölüme girdikten sonra, "Geliştirme menüsünü menü çubuğunda göster" yazan alt kutuyu işaretlemeliyiz.

Şu anda geliştirici menüsü etkinleştirilmiş olacaktır.

Aşama 3
Bir sonraki yapmamız gereken şey, kaynak kodunu öğrenmek istediğimiz web'e gitmek. Burada bir kez geliştirme menüsüne erişiyoruz ve tüm seçenekler arasından “Sayfa kaynak kodunu göster” seçeneğini seçiyoruz.

4. Adım
Ardından, seçtiğimiz sayfanın kaynak kodu açılacak ve oradan bizi ilgilendiren her şeyi kontrol edebileceğiz.

BÜYÜT

2. Mac'te bir sayfanın kaynak kodu nasıl görüntülenir?


Kaynak kodunu bir Safari web sitesinde görüntülememiz gereken başka bir seçenek de, bunu doğrudan sayfadan yapmaktır.

Aşama 1
Yapmamız gereken ilk şey, bunu görmek istediğimiz sayfaya gitmek ve farenin sağ tuşuna tıklamak. Görünen seçenekler arasından seçim yapmamız gerekiyor.

Adım 2
Açılır pencerenin üst kısmında birkaç sekme göreceksiniz. Bu durumda "Kaynaklar" seçmelisiniz

Aşama 3
Mevcut tüm bilgilerin göründüğünü göreceksiniz.

BÜYÜT

3. Anahtarlarla Safari kaynak kodunu görüntüleyin

Aşama 1
Bunun için, kapsamlı bir çalışma için gerekli tüm araçlarla özel bir menüyü etkinleştiren Safari'de Geliştirici Modunu etkinleştirmeliyiz, bunun için Safari tarayıcısını açıyoruz ve "Safari" menüsünden "Tercihler"i seçiyoruz:

Adım 2
Açılır pencerede "Gelişmiş" sekmesine gidiyoruz ve orada "Menü çubuğunda Geliştirme menüsünü göster" kutusunu etkinleştiriyoruz:

BÜYÜT

Aşama 3
Şimdi aşağıdaki tuş kombinasyonunu kullanacağız:

⇧ + ⌘ + U

4. Adım
Bu anahtarların bir sonucu olarak mevcut web sitesinin kaynak koduna erişeceğiz. Web sitesini geliştirme düzeyinde yönetmek için farklı seçenekler olduğunu görebiliriz.

BÜYÜT

İşlem bittiğinde Solvetic, Safari'de kötü ayarlardan kaçınmak için Geliştirici Modunun devre dışı bırakılmasını önerir. Bu şekilde, Mac'te bir sayfanın kaynak kodunu her görmeniz gerektiğinde ihtiyaçlarınıza ve tercihlerinize en uygun seçeneği seçebileceksiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave