# Siten için web görüntüleyici

> PDF'leri tek bir etiketle kendi web sitende göster. vivePDF web görüntüleyici ziyaretçinin tarayıcısında çalışır, sunucu istemez ve MIT lisansıyla ücretsizdir.

URL: https://vivepdf.com/dokumantasyon/web-goruntuleyici/
Son güncelleme: 2026-10-31

vivePDF web görüntüleyici bir PDF'i kendi web sayfanın içinde gösterir: sayfa küçük resimleri, belgenin içindekiler listesi, arama, bağlantılar, metin seçme, yazdırma ve indirme. Bir öznitelik daha eklersen ziyaretçiler çizebilir, metni vurgulayabilir ve not bırakabilir. Sayfaları ziyaretçinin tarayıcısında PDFium çizer; hiçbir şey bir yere yüklenmez ve kendi sunucuna ihtiyacın olmaz. Görüntüleyici MIT lisanslı ayrı bir pakettir; masaüstü uygulamasının kodu içinde yoktur.

## Betik etiketiyle ekleme

1. Görüntüleyiciyi sayfada bir kez yükle:

   ```html
   <script src="https://cdn.jsdelivr.net/npm/@vivepdf/viewer@0/dist/vivepdf.js"></script>
   ```

2. PDF'in görüneceği yere görüntüleyiciyi koy ve bir yükseklik ver:

   ```html
   <vive-pdf src="/dosyalar/fiyat-listesi.pdf" style="height: 80vh"></vive-pdf>
   ```

Sayfana eklenen betik 3 KB'tan azdır. Görüntüleyicinin kendisi ve PDF motoru ancak görüntüleyici ekrana girince yüklenir; motor ilk ziyaretten sonra tarayıcının önbelleğinde kalır.

## Dene

Aşağıdan ayarları seç: sayfana ekleyeceğin kod onlarla birlikte değişir, önizleme de sonucu örnek bir PDF ile gösterir.

## Adobe PDF Embed API ile karşılaştırma

| | vivePDF web görüntüleyici | Adobe PDF Embed API |
| --- | --- | --- |
| Hesap ve anahtar | Gerekmez | Adobe hesabı ve alan adına kayıtlı bir istemci kimliği (client ID); başka bir alan adında önizleme engellenir |
| Ücret | Ücretsiz | Ücretsiz; Adobe'nin koşulları kullanım sınırı koymasına izin verir |
| Lisans | MIT, açık kaynak | Adobe'nin kendi koşulları; kod değiştirilemez |
| Kodun yüklendiği yer | Kendi sunucun, bir CDN ya da npm | Adobe'nin sunucusu (belgelerde gösterilen yol) |
| Üreticiye giden veri | Yok; ziyaretçinin tarayıcısı yalnızca senin sitenle ve seçtiğin CDN ile konuşur | Kullanım bilgileri: web sayfasının adresi, dosya boyutu ve sayfa sayısı da içinde |
| Marka | Araç çubuğunda küçük bir vivePDF işareti; `branding="false"` gizler | "Powered by Adobe Document Cloud" bağlantısı zorunlu; görüntüleyicide Adobe Acrobat logosu görünür |
| Belge gösterme biçimleri | Kutu, tam pencere, sayfanın içinde, açılır pencere | Tam pencere, boyutlu kutu, sayfanın içinde, açılır pencere |
| Arama | Var | Var |
| Yorum ve işaretleme | Var, `annotate` özniteliğiyle | Var, tam pencere görünümünde |
| Form doldurma | Yok, yalnızca okuma | Var, tam pencere görünümünde |

Adobe sütunu, Adobe'nin [PDF Embed API belgeleri](https://developer.adobe.com/document-services/docs/overview/pdf-embed-api/gettingstarted/) ve [Geliştirici Kullanım Koşulları](https://wwwimages2.adobe.com/content/dam/cc/en/legal/servicetou/Developer-Terms-en_US-20240618.pdf) (Haziran 2024 sürümü) temel alınarak 31 Ekim 2026'da hazırlandı.

## Sonraki adımlar

| Sayfa | İçinde ne var |
| --- | --- |
| [Kurulum](https://vivepdf.com/dokumantasyon/web-goruntuleyici-kurulum/) | CDN, kendi sunucun, npm; React, Vue, Svelte ve düz HTML |
| [Ayarlar](https://vivepdf.com/dokumantasyon/web-goruntuleyici-ayarlar/) | Bütün öznitelikler, değerleri ve varsayılanlarıyla |
| [Metotlar ve olaylar](https://vivepdf.com/dokumantasyon/web-goruntuleyici-api/) | Görüntüleyiciyi JavaScript ile yönetmek, hata kodları, TypeScript |
| [Çizim ve notlar](https://vivepdf.com/dokumantasyon/web-goruntuleyici-cizim/) | Çizim araçları ve işaretleri sunucuna kaydetmek |
| [Modlar ve görünüm](https://vivepdf.com/dokumantasyon/web-goruntuleyici-gorunum/) | Kutu, tam pencere, sayfanın içinde ve açılır pencere; tema, renk, dil |
| [Güvenlik ve gizlilik](https://vivepdf.com/dokumantasyon/web-goruntuleyici-guvenlik/) | Başka sitelerdeki PDF'ler ve İçerik Güvenliği Politikası |
| [Performans ve büyük dosyalar](https://vivepdf.com/dokumantasyon/web-goruntuleyici-performans/) | Ne zaman ne indirilir, ölçülen süreler, yedek fontlar |
| [Sorun giderme](https://vivepdf.com/dokumantasyon/web-goruntuleyici-sorunlar/) | Her mesajın anlamı ve nasıl çözüleceği |