Takip et

10 Dakikada İlk Google Chrome Eklentinizi Oluşturun!

10 Dakikada İlk Google Chrome Eklentinizi Oluşturun!

Merhaba! Fatih Soysal olarak, sizlere Google Chrome için kendi eklentinizi 10 dakikada ve sıfırdan nasıl oluşturabileceğinizi göstereceğim. İnanın bana, kodlama konusunda uzman olmanıza gerek yok! Bu yazıda, basit adımları takip ederek, kendi kişiselleştirilmiş eklentinizi oluşturabilirsiniz. Öncelikle, heyecan verici bir yolculuğa başlamaya hazırlanın.

Yazılım dünyasına adım atmak isteyen birçok kişi için, eklenti geliştirme zorlu bir süreç gibi görünür. Ancak, gerçek şu ki, özellikle basit eklentiler için, bu süreç tahmin ettiğinizden çok daha kolaydır. Bu yazıda, size bu süreci adım adım açıklayacağım. Sonrasında ise, siz de kendi eklentinizi geliştirmeye başlayabilirsiniz.

Gerekli Malzemeler:

İhtiyacınız olan tek şey bir metin editörü ve biraz zaman. Daha sonra, oluşturduğunuz dosyaları Google Chrome’a yükleyeceğiz. İşte bu kadar! Basit değil mi?

Adım Adım Eklenti Geliştirme:

Öncelikle, yeni bir klasör oluşturun ve içine manifest.json adında bir dosya ekleyin. Bu dosya, eklentinizin temel bilgilerini içerecektir. İçeriğini aşağıdaki gibi düzenleyin:


{
  "manifest_version": 3,
  "name": "Benim İlk Eklentim",
  "version": "1.0",
  "description": "Bu benim ilk Google Chrome eklentim!",
  "action": {
    "default_popup": "popup.html"
  }
}

Ardından, aynı klasöre popup.html adında bir dosya daha ekleyin. Bu dosya, eklentinizin kullanıcı arayüzünü oluşturacaktır. İçeriğini şu şekilde düzenleyebilirsiniz:


<html>
<head>
  <title>Benim İlk Eklentim</title>
</head>
<body>
  <p>Merhaba Dünya!</p>
</body>
</html>

Bu iki dosyayı oluşturduktan sonra, Chrome’da chrome://extensions/ adresine gidin. “Geliştirici modunu” açın ve “Paketlenmemiş eklenti yükle” seçeneğine tıklayın. Daha önce oluşturduğunuz klasörü seçin ve eklentiniz yüklenecektir. Artık tarayıcınızda yeni eklentinizi görebilirsiniz!

Daha Fazla Öğrenmek İçin:

Bu, çok basit bir eklenti örneği. Daha karmaşık eklentiler oluşturmak için JavaScript, HTML ve CSS gibi web geliştirme dillerini öğrenmeniz gerekebilir. Ancak, başlangıç için bu mükemmel bir başlangıç noktasıdır. Daha detaylı bilgi edinmek için Chrome Eklenti Geliştirici Dokümanları sayfasını ziyaret edebilirsiniz. Ayrıca, kendi web sitemde daha fazla web geliştirme içeriği bulabilirsiniz.

Umarım bu makale faydalı olmuştur. Kendi eklentinizi oluştururken eğlenmenizi ve başarılı olmanızı dilerim! Başka sorularınız olursa bana ulaşmaktan çekinmeyin!

#Etiketler: Google Chrome eklentisi, Chrome extension, eklenti geliştirme, web geliştirme, kodlama, programlama, 10 dakika, kolay, basit, rehber, Fatih Soysal, manifest.json, popup.html, JavaScript, HTML, CSS

Yorumlar
İçeriği beğendiniz mi? Bir tartışma başlatın veya görüşlerinizi paylaşın.
Yorum Yaz

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

E-posta Bülteni
Yazılım Topluluğuna Katılın
En son güncellemeleri, yaratıcı ipuçlarını ve özel kaynakları doğrudan e-posta kutunuza alın. Tasarım ve inovasyonun geleceğini birlikte keşfedelim.