{"id":30850,"date":"2025-10-02T20:41:31","date_gmt":"2025-10-02T17:41:31","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=30850"},"modified":"2025-10-02T20:41:31","modified_gmt":"2025-10-02T17:41:31","slug":"javascript-permissions-apisine-kapsamli-bir-bakis","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/","title":{"rendered":"JavaScript Permissions API’sine Kapsaml\u0131 Bir Bak\u0131\u015f"},"content":{"rendered":"

<\/p>\n

JavaScript Permissions API’sine Kapsaml\u0131 Bir Bak\u0131\u015f<\/h2>\n

Giri\u015f<\/h3>\n

Modern web uygulamalar\u0131, kullan\u0131c\u0131lara zengin ve interaktif deneyimler sunmak i\u00e7in giderek daha fazla sistem kayna\u011f\u0131na ve \u00f6zel yeteneklere ihtiya\u00e7 duymaktad\u0131r. Konum bilgisi, kamera eri\u015fimi, mikrofon kullan\u0131m\u0131, bildirim g\u00f6nderme veya kal\u0131c\u0131 depolama gibi \u00f6zellikler, g\u00fcn\u00fcm\u00fcz\u00fcn web uygulamalar\u0131n\u0131n temel ta\u015flar\u0131 haline gelmi\u015ftir. Ancak bu yetenekler, ayn\u0131 zamanda kullan\u0131c\u0131 gizlili\u011fi ve g\u00fcvenli\u011fi a\u00e7\u0131s\u0131ndan ciddi endi\u015feleri de beraberinde getirmektedir. Bir web sitesinin kullan\u0131c\u0131n\u0131n izni olmaks\u0131z\u0131n kameras\u0131na eri\u015fmesi veya konumunu takip etmesi kabul edilemezdir. \u0130\u015fte bu noktada JavaScript Permissions API devreye girer.<\/p>\n

Permissions API, web geli\u015ftiricilerine, kullan\u0131c\u0131lar\u0131n belirli bir web \u00f6zelli\u011fine eri\u015fim izinlerinin durumunu sorgulama ve y\u00f6netme yetene\u011fi sunan standart bir web API’sidir. Bu API, geli\u015ftiricilerin, bir \u00f6zelli\u011fi kullanmaya \u00e7al\u0131\u015fmadan \u00f6nce kullan\u0131c\u0131n\u0131n iznini proaktif olarak kontrol etmelerine olanak tan\u0131r. B\u00f6ylece, kullan\u0131c\u0131 deneyimi iyile\u015fir, gereksiz izin istemleri engellenir ve en \u00f6nemlisi, kullan\u0131c\u0131lar\u0131n gizlilik ve g\u00fcvenlikleri daha \u015feffaf bir \u015fekilde korunur. Geli\u015ftiriciler, bu API sayesinde, bir \u00f6zelli\u011fin kullan\u0131labilir olup olmad\u0131\u011f\u0131n\u0131 \u00f6nceden bilerek, kullan\u0131c\u0131ya daha anlaml\u0131 geri bildirimler sunabilir ve uygulaman\u0131n davran\u0131\u015f\u0131n\u0131 buna g\u00f6re ayarlayabilirler. Bu makalede, Permissions API’nin ne oldu\u011funu, nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131, farkl\u0131 izin t\u00fcrlerini ve en iyi kullan\u0131m pratiklerini detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n

Permissions API Nedir?<\/h3>\n

JavaScript Permissions API, bir web sayfas\u0131n\u0131n veya uygulamas\u0131n\u0131n belirli bir sistemsel \u00f6zelli\u011fe eri\u015fim izninin mevcut durumunu (\u00f6rne\u011fin, “izin verildi”, “reddedildi”, “sorulacak”) programatik olarak sorgulamak i\u00e7in kullan\u0131lan bir aray\u00fczd\u00fcr. Bu API, navigator.permissions<\/code> nesnesi \u00fczerinden eri\u015filebilir ve temel olarak query()<\/code> metodu arac\u0131l\u0131\u011f\u0131yla \u00e7al\u0131\u015f\u0131r. Amac\u0131, geli\u015ftiricilerin kullan\u0131c\u0131ya y\u00f6nelik izin istemlerini daha stratejik ve kullan\u0131c\u0131 dostu bir \u015fekilde y\u00f6netmelerine yard\u0131mc\u0131 olmakt\u0131r.<\/p>\n

Geleneksel olarak, bir web sitesi bir \u00f6zelli\u011fe (\u00f6rne\u011fin, navigator.geolocation.getCurrentPosition()<\/code>) eri\u015fmeye \u00e7al\u0131\u015ft\u0131\u011f\u0131nda, taray\u0131c\u0131 do\u011frudan kullan\u0131c\u0131ya bir izin istemi g\u00f6sterirdi. Bu yakla\u015f\u0131m, kullan\u0131c\u0131n\u0131n o anda neye izin verdi\u011fini veya neden izin istendi\u011fini tam olarak anlamad\u0131\u011f\u0131 durumlarda kafa kar\u0131\u015f\u0131kl\u0131\u011f\u0131na yol a\u00e7abilirdi. Ayr\u0131ca, izin reddedildi\u011finde veya zaten verilmi\u015fse bile, her seferinde ayn\u0131 i\u015flemi tekrarlamak gereksiz bir d\u00f6ng\u00fc olu\u015fturuyordu. Permissions API, bu s\u00fcreci daha \u015feffaf ve kontrol edilebilir hale getirir. Geli\u015ftiriciler, bir \u00f6zelli\u011fi kullanmaya kalk\u0131\u015fmadan \u00f6nce<\/em>, o \u00f6zelli\u011fin mevcut izin durumunu sorgulayabilir ve kullan\u0131c\u0131ya ba\u011flam\u0131 hakk\u0131nda bilgi vererek daha bilin\u00e7li bir karar vermesini sa\u011flayabilirler. Bu, \u00f6zellikle kullan\u0131c\u0131lar\u0131n izinleri reddetme e\u011filiminde oldu\u011fu veya bir \u00f6zelli\u011fin uygulaman\u0131n ana i\u015flevselli\u011fi i\u00e7in kritik olmad\u0131\u011f\u0131 durumlarda \u00f6nemlidir.<\/p>\n

Permissions API’nin Temel Kullan\u0131m\u0131<\/h3>\n

Permissions API’nin kalbinde navigator.permissions.query()<\/code> metodu bulunur. Bu metod, belirli bir iznin mevcut durumunu asenkron olarak sorgular ve bir Promise<\/code> d\u00f6nd\u00fcr\u00fcr.<\/p>\n

navigator.permissions.query()<\/code> Metodu<\/h4>\n

query()<\/code> metodu, sorgulanacak iznin ad\u0131n\u0131 belirten bir parametre al\u0131r. Bu parametre, genellikle bir nesne \u015feklinde { name: 'izin_ad\u0131' }<\/code> olarak iletilir.<\/p>\n

navigator.permissions.query({ name: 'geolocation' })\n  .then(permissionStatus => {\n    console.log(Konum izni durumu: ${permissionStatus.state}<\/code>);\n    \/\/ permissionStatus.state de\u011feri 'granted', 'denied' veya 'prompt' olabilir.\n  })\n  .catch(error => {\n    console.error('\u0130zin sorgulan\u0131rken hata olu\u015ftu:', error);\n  });<\/code><\/pre>\n
D\u00f6n\u00fc\u015f De\u011feri: PermissionStatus<\/code> Objesi<\/h4>\n
query()<\/code> metodu taraf\u0131ndan d\u00f6nd\u00fcr\u00fclen Promise, bir PermissionStatus<\/code> objesi ile \u00e7\u00f6z\u00fcl\u00fcr. Bu objenin en \u00f6nemli \u00f6zelli\u011fi state<\/code>‘tir.<\/p>\n
state<\/code> \u00d6zelli\u011fi<\/h4>\n
PermissionStatus<\/code> objesinin state<\/code> \u00f6zelli\u011fi, iznin mevcut durumunu g\u00f6steren bir dize de\u011feridir:
\n*   'granted'<\/code>: Kullan\u0131c\u0131 bu izni daha \u00f6nce vermi\u015f ve \u015fu anda ge\u00e7erlidir. Uygulama ilgili \u00f6zelli\u011fi kullanabilir.
\n*   'denied'<\/code>: Kullan\u0131c\u0131 bu izni daha \u00f6nce reddetmi\u015f veya sistem taraf\u0131ndan reddedilmi\u015ftir (\u00f6rne\u011fin, g\u00fcvenlik politikalar\u0131 nedeniyle). Uygulama ilgili \u00f6zelli\u011fi kullanamaz.
\n*   'prompt'<\/code>: Kullan\u0131c\u0131ya hen\u00fcz bu izin sorulmam\u0131\u015ft\u0131r veya daha \u00f6nce sorulmu\u015f ancak bir karar verilmemi\u015ftir. Uygulama ilgili \u00f6zelli\u011fi kullanmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131nda taray\u0131c\u0131 bir izin istemi g\u00f6sterecektir.<\/p>\n
onchange<\/code> Olay\u0131<\/h4>\n
PermissionStatus<\/code> objesi ayn\u0131 zamanda bir onchange<\/code> olay i\u015fleyicisine sahiptir. Bu, iznin durumu de\u011fi\u015fti\u011finde (\u00f6rne\u011fin, kullan\u0131c\u0131 taray\u0131c\u0131 ayarlar\u0131ndan izni iptal etti\u011finde) uygulaman\u0131z\u0131n bu de\u011fi\u015fiklikten haberdar olmas\u0131n\u0131 sa\u011flar. Bu \u00f6zellik, reaktif kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak ve uygulama davran\u0131\u015f\u0131n\u0131 dinamik olarak ayarlamak i\u00e7in \u00e7ok kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n
navigator.permissions.query({ name: 'notifications' })\n  .then(permissionStatus => {\n    console.log(Bildirim izni ba\u015flang\u0131\u00e7 durumu: ${permissionStatus.state}<\/code>);\n\n    permissionStatus.onchange = () => {\n      console.log(Bildirim izni durumu de\u011fi\u015fti: ${permissionStatus.state}<\/code>);\n      \/\/ \u0130zin durumuna g\u00f6re UI'yi g\u00fcncelleyebilir veya farkl\u0131 eylemler ger\u00e7ekle\u015ftirebilirsiniz.\n    };\n  })\n  .catch(error => {\n    console.error('Bildirim izni sorgulan\u0131rken hata olu\u015ftu:', error);\n  });<\/code><\/pre>\n
Bu temel yap\u0131, Permissions API’nin g\u00fcc\u00fcn\u00fc ve esnekli\u011fini ortaya koyar. Geli\u015ftiriciler, art\u0131k izin istemlerini k\u00f6r\u00fc k\u00f6r\u00fcne tetiklemek yerine, daha bilin\u00e7li ve kullan\u0131c\u0131 merkezli bir yakla\u015f\u0131m benimseyebilirler.<\/p>\n
\u0130zin Durumlar\u0131 ve Anlamlar\u0131<\/h3>\n
Permissions API’nin d\u00f6nd\u00fcrd\u00fc\u011f\u00fc state<\/code> de\u011ferleri, bir iznin mevcut durumu hakk\u0131nda kritik bilgiler sa\u011flar. Bu durumlar\u0131 do\u011fru anlamak ve bunlara g\u00f6re uygulama mant\u0131\u011f\u0131 geli\u015ftirmek, iyi bir kullan\u0131c\u0131 deneyimi i\u00e7in elzemdir.<\/p>\n
granted<\/code> (\u0130zin Verildi)<\/h4>\n
Bu durum, kullan\u0131c\u0131n\u0131n ilgili \u00f6zelli\u011fe eri\u015fim iznini daha \u00f6nce verdi\u011fini ve bu iznin hala ge\u00e7erli oldu\u011funu g\u00f6sterir. Uygulaman\u0131z bu \u00f6zelli\u011fi do\u011frudan kullanmaya ba\u015flayabilir. \u00d6rne\u011fin, geolocation<\/code> izni granted<\/code> ise, navigator.geolocation.getCurrentPosition()<\/code> \u00e7a\u011fr\u0131s\u0131 herhangi bir izin istemi g\u00f6stermeden do\u011frudan konum verilerini d\u00f6nd\u00fcrecektir. Bu durum, kullan\u0131c\u0131n\u0131n beklentileriyle uyumlu bir \u015fekilde uygulaman\u0131n tam i\u015flevselli\u011fini sunabilece\u011finiz anlam\u0131na gelir.<\/p>\n
denied<\/code> (Reddedildi)<\/h4>\n
denied<\/code> durumu, kullan\u0131c\u0131n\u0131n ilgili izni daha \u00f6nce a\u00e7\u0131k\u00e7a reddetti\u011fini veya sistemin (\u00f6rne\u011fin, i\u015fletim sistemi veya taray\u0131c\u0131 g\u00fcvenlik politikalar\u0131) bu izni vermeyi engelledi\u011fini belirtir. Bu durumda, uygulama ilgili \u00f6zelli\u011fi kullanamaz ve bir hata olu\u015fmadan \u00f6nce bu durumu ele almal\u0131d\u0131r. denied<\/code> durumunda, tekrar izin istemek genellikle i\u015fe yaramaz ve kullan\u0131c\u0131y\u0131 rahats\u0131z edebilir. Bunun yerine, kullan\u0131c\u0131ya alternatif bir yol sunmak (\u00f6rne\u011fin, konum bilgisini manuel girmesini istemek) veya \u00f6zelli\u011fin neden kullan\u0131lamad\u0131\u011f\u0131n\u0131 a\u00e7\u0131klamak daha iyi bir yakla\u015f\u0131md\u0131r.<\/p>\n
prompt<\/code> (Sorulacak)<\/h4>\n
prompt<\/code> durumu, kullan\u0131c\u0131n\u0131n bu izin hakk\u0131nda hen\u00fcz bir karar vermedi\u011fini g\u00f6sterir. Bu, iznin daha \u00f6nce hi\u00e7 istenmedi\u011fi veya istenmi\u015f ancak kullan\u0131c\u0131n\u0131n o anda bir se\u00e7im yapmad\u0131\u011f\u0131 anlam\u0131na gelebilir. Uygulaman\u0131z ilgili \u00f6zelli\u011fi kullanmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131nda (\u00f6rne\u011fin, Notification.requestPermission()<\/code> veya navigator.mediaDevices.getUserMedia()<\/code> \u00e7a\u011fr\u0131ld\u0131\u011f\u0131nda), taray\u0131c\u0131 kullan\u0131c\u0131ya standart bir izin istemi g\u00f6sterecektir. Bu, geli\u015ftiriciler i\u00e7in en kritik durumdur \u00e7\u00fcnk\u00fc kullan\u0131c\u0131 deneyimini do\u011frudan etkiler. prompt<\/code> durumunda, kullan\u0131c\u0131ya neden bu izne ihtiya\u00e7 duyuldu\u011funu a\u00e7\u0131klayan bir kullan\u0131c\u0131 aray\u00fcz\u00fc \u00f6\u011fesi (\u00f6rne\u011fin, bir bilgi mesaj\u0131 veya bir d\u00fc\u011fme) g\u00f6stermek ve ard\u0131ndan izin istemini tetiklemek en iyi uygulamad\u0131r.<\/p>\n
prompt<\/code> vs. undefined<\/code> (Eski Durumlar)<\/h4>\n
Permissions API’nin ilk zamanlar\u0131nda, baz\u0131 taray\u0131c\u0131lar prompt<\/code> yerine undefined<\/code> d\u00f6nd\u00fcrebiliyordu. Ancak modern taray\u0131c\u0131larda bu durum standarda ba\u011flanm\u0131\u015f ve prompt<\/code> olarak belirlenmi\u015ftir. Geli\u015ftiriciler, eski taray\u0131c\u0131 uyumlulu\u011fu i\u00e7in undefined<\/code> durumunu da g\u00f6z \u00f6n\u00fcnde bulundurabilirler, ancak g\u00fcncel uygulamalar i\u00e7in prompt<\/code> yeterlidir.<\/p>\n
Bu durumlar\u0131 anlamak, geli\u015ftiricilere sadece kod yazarken de\u011fil, ayn\u0131 zamanda kullan\u0131c\u0131 aray\u00fcz\u00fc ve kullan\u0131c\u0131 deneyimi (UX) tasar\u0131m\u0131 yaparken de rehberlik eder. \u0130zin durumuna g\u00f6re farkl\u0131 mesajlar, d\u00fc\u011fmeler veya i\u015f ak\u0131\u015flar\u0131 sunarak, kullan\u0131c\u0131lar\u0131n web uygulamalar\u0131yla etkile\u015fimini daha ak\u0131c\u0131 ve g\u00fcvenli hale getirebiliriz.<\/p>\n
Farkl\u0131 \u0130zin T\u00fcrleri ve \u00d6zellikleri<\/h3>\n
Permissions API, \u00e7e\u015fitli web platformu \u00f6zelliklerine y\u00f6nelik izinleri sorgulamak i\u00e7in kullan\u0131labilir. Her iznin kendine \u00f6zg\u00fc bir name<\/code> de\u011feri vard\u0131r ve baz\u0131lar\u0131 ek parametreler gerektirebilir.<\/p>\n
Konum (Geolocation)<\/h4>\n
*   name<\/code><\/strong>: 'geolocation'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Kullan\u0131c\u0131n\u0131n co\u011frafi konumuna eri\u015fim iznini sorgular.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'geolocation' })\n      .then(status => console.log(Konum: ${status.state}<\/code>));<\/code><\/pre>\n
    E\u011fer granted<\/code> ise, navigator.geolocation.getCurrentPosition()<\/code> veya watchPosition()<\/code> do\u011frudan \u00e7al\u0131\u015f\u0131r.<\/p>\n
Bildirimler (Notifications)<\/h4>\n
*   name<\/code><\/strong>: 'notifications'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Uygulaman\u0131n kullan\u0131c\u0131ya bildirim g\u00f6nderme iznini sorgular.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'notifications' })\n      .then(status => console.log(Bildirimler: ${status.state}<\/code>));<\/code><\/pre>\n
    E\u011fer prompt<\/code> ise, Notification.requestPermission()<\/code> \u00e7a\u011fr\u0131s\u0131 kullan\u0131c\u0131ya izin istemini g\u00f6sterecektir.<\/p>\n
Kamera ve Mikrofon (Camera & Microphone)<\/h4>\n
*   name<\/code><\/strong>: 'camera'<\/code>, 'microphone'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Kullan\u0131c\u0131n\u0131n kamera veya mikrofonuna eri\u015fim iznini sorgular. Bu izinler genellikle navigator.mediaDevices.getUserMedia()<\/code> API’si ile birlikte kullan\u0131l\u0131r.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'camera' })\n      .then(status => console.log(Kamera: ${status.state}<\/code>));\n\n    navigator.permissions.query({ name: 'microphone' })\n      .then(status => console.log(Mikrofon: ${status.state}<\/code>));<\/code><\/pre>\n
    getUserMedia<\/code> \u00e7a\u011fr\u0131s\u0131, prompt<\/code> durumunda izin istemini tetikler.<\/p>\n
Push Bildirimleri (Push Notifications)<\/h4>\n
*   name<\/code><\/strong>: 'push'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Uygulaman\u0131n kullan\u0131c\u0131ya push bildirimleri g\u00f6nderme iznini sorgular. Bu genellikle Service Worker API ile ili\u015fkilidir.
\n*   Ek Parametreler<\/strong>: userVisibleOnly<\/code> (boolean, yaln\u0131zca kullan\u0131c\u0131ya g\u00f6r\u00fcn\u00fcr bildirimler i\u00e7in) ve syndication<\/code> (boolean, push bildirimlerinin sendikasyonuna izin verilip verilmedi\u011fi, daha az yayg\u0131n).
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'push', userVisibleOnly: true })\n      .then(status => console.log(Push Bildirimleri: ${status.state}<\/code>));<\/code><\/pre>\n
Arka Plan Senkronizasyonu (Background Sync)<\/h4>\n
*   name<\/code><\/strong>: 'background-sync'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Uygulaman\u0131n arka planda senkronizasyon i\u015flemleri yapma iznini sorgular. Genellikle Service Worker ile kullan\u0131l\u0131r.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'background-sync' })\n      .then(status => console.log(Arka Plan Senkronizasyonu: ${status.state}<\/code>));<\/code><\/pre>\n
Kal\u0131c\u0131 Depolama (Persistent Storage)<\/h4>\n
*   name<\/code><\/strong>: 'persistent-storage'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Uygulaman\u0131n verileri kullan\u0131c\u0131n\u0131n depolama alan\u0131nda kal\u0131c\u0131 olarak saklama iznini sorgular. Taray\u0131c\u0131lar genellikle depolama alan\u0131n\u0131 otomatik olarak temizler, ancak kal\u0131c\u0131 depolama izni, uygulaman\u0131n verilerinin daha uzun s\u00fcre korunmas\u0131n\u0131 sa\u011flar.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'persistent-storage' })\n      .then(status => console.log(Kal\u0131c\u0131 Depolama: ${status.state}<\/code>));<\/code><\/pre>\n
Pano Eri\u015fimi (Clipboard Access)<\/h4>\n
*   name<\/code><\/strong>: 'clipboard-read'<\/code>, 'clipboard-write'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Uygulaman\u0131n kullan\u0131c\u0131n\u0131n panosuna okuma veya yazma iznini sorgular. Asenkron Pano API’si ile birlikte kullan\u0131l\u0131r.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'clipboard-read' })\n      .then(status => console.log(Pano Okuma: ${status.state}<\/code>));\n\n    navigator.permissions.query({ name: 'clipboard-write' }) \/\/ Genellikle 'granted' varsay\u0131lan olabilir\n      .then(status => console.log(Pano Yazma: ${status.state}<\/code>));<\/code><\/pre>\n
    clipboard-write<\/code> genellikle kullan\u0131c\u0131 etkile\u015fimiyle (\u00f6rne\u011fin, bir d\u00fc\u011fmeye t\u0131klama) tetiklendi\u011finde otomatik olarak granted<\/code> olur ve izin istemi g\u00f6stermezken, clipboard-read<\/code> i\u00e7in genellikle a\u00e7\u0131k bir izin gerekir.<\/p>\n
\u00d6deme \u0130\u015fleyici (Payment Handler)<\/h4>\n
*   name<\/code><\/strong>: 'payment-handler'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: Uygulaman\u0131n bir \u00f6deme i\u015fleyici olarak kay\u0131t olma ve \u00f6deme isteklerini i\u015fleme iznini sorgular.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'payment-handler' })\n      .then(status => console.log(\u00d6deme \u0130\u015fleyici: ${status.state}<\/code>));<\/code><\/pre>\n
WebXR (AR\/VR)<\/h4>\n
*   name<\/code><\/strong>: 'xr-spatial-tracking'<\/code>
\n*   A\u00e7\u0131klama<\/strong>: WebXR API arac\u0131l\u0131\u011f\u0131yla cihaz\u0131n uzamsal izleme verilerine (art\u0131r\u0131lm\u0131\u015f veya sanal ger\u00e7eklik deneyimleri i\u00e7in) eri\u015fim iznini sorgular.
\n*   Kullan\u0131m<\/strong>:<\/p>\n
navigator.permissions.query({ name: 'xr-spatial-tracking' })\n      .then(status => console.log(XR Uzamsal Takip: ${status.state}<\/code>));<\/code><\/pre>\n
Di\u011fer Olas\u0131 \u0130zinler<\/h4>\n
Permissions API’nin kapsam\u0131 s\u00fcrekli geni\u015flemektedir. Taray\u0131c\u0131lar ve standartlar geli\u015ftik\u00e7e, USB, Bluetooth, seri port eri\u015fimi, MIDI cihazlar\u0131 ve di\u011fer donan\u0131m veya sistem \u00f6zelliklerine y\u00f6nelik izinler de bu API \u00fczerinden sorgulanabilir hale gelebilir. Her zaman g\u00fcncel taray\u0131c\u0131 belgelerini kontrol etmek, desteklenen izin t\u00fcrleri hakk\u0131nda en do\u011fru bilgiyi sa\u011flayacakt\u0131r. \u00d6rne\u011fin, 'midi'<\/code>, 'midi-sysex'<\/code> gibi izinler de desteklenebilir.<\/p>\n
Bu geni\u015f izin yelpazesi, geli\u015ftiricilere web uygulamalar\u0131n\u0131n potansiyelini tam olarak kullan\u0131rken, kullan\u0131c\u0131 gizlili\u011fini ve g\u00fcvenli\u011fini en \u00fcst d\u00fczeyde tutma imkan\u0131 sunar. Her bir izin t\u00fcr\u00fc i\u00e7in do\u011fru name<\/code> de\u011ferini kullanmak ve olas\u0131 ek parametreleri dikkate almak \u00f6nemlidir.<\/p>\n
Kullan\u0131m Senaryolar\u0131 ve En \u0130yi Uygulamalar<\/h3>\n
Permissions API’yi etkili bir \u015fekilde kullanmak, sadece kod yazmakla kalmaz, ayn\u0131 zamanda kullan\u0131c\u0131 deneyimini ve uygulaman\u0131n g\u00fcvenilirli\u011fini art\u0131rmak i\u00e7in stratejik kararlar almay\u0131 da gerektirir.<\/p>\n
\u0130zin \u0130stemeden \u00d6nce Durumunu Kontrol Etme<\/h4>\n
Bu, Permissions API’nin temel kullan\u0131m amac\u0131d\u0131r. Bir \u00f6zelli\u011fe eri\u015fmeye \u00e7al\u0131\u015fmadan \u00f6nce query()<\/code> metodunu kullanarak iznin durumunu kontrol etmek, gereksiz izin istemlerini engeller.
\n*   Senaryo<\/strong>: Bir foto\u011fraf d\u00fczenleme uygulamas\u0131n\u0131n kamera eri\u015fimine ihtiyac\u0131 var.
\n*   En \u0130yi Uygulama<\/strong>: Uygulama ba\u015flat\u0131ld\u0131\u011f\u0131nda veya kamera \u00f6zelli\u011fine ilk kez eri\u015filmek istendi\u011finde izni sorgula.
\n    *   E\u011fer granted<\/code> ise: Kameray\u0131 hemen ba\u015flat.
\n    *   E\u011fer denied<\/code> ise: Kamera \u00f6zelli\u011finin kullan\u0131lamayaca\u011f\u0131n\u0131 belirt ve kullan\u0131c\u0131ya alternatifler sun (\u00f6rne\u011fin, cihazdan foto\u011fraf y\u00fckleme).
\n    *   E\u011fer prompt<\/code> ise: Kullan\u0131c\u0131ya kamera eri\u015fiminin neden gerekli oldu\u011funu a\u00e7\u0131klayan bir UI g\u00f6ster ve ard\u0131ndan izin istemini tetikleyen bir d\u00fc\u011fme sun.<\/p>\n
async function requestCameraAccess() {\n  const permissionStatus = await navigator.permissions.query({ name: 'camera' });\n\n  if (permissionStatus.state === 'granted') {\n    console.log('Kamera izni zaten verildi.');\n    startCamera();\n  } else if (permissionStatus.state === 'prompt') {\n    console.log('Kamera izni istenecek.');\n    \/\/ Kullan\u0131c\u0131ya bir UI g\u00f6ster: \"Foto\u011fraf \u00e7ekmek i\u00e7in kameran\u0131za ihtiyac\u0131m\u0131z var.\"\n    \/\/ Ard\u0131ndan \u015fu kodu \u00e7al\u0131\u015ft\u0131r:\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ video: true });\n      console.log('Kamera eri\u015fimi verildi!');\n      startCamera(stream);\n    } catch (err) {\n      console.error('Kamera eri\u015fimi reddedildi veya hata olu\u015ftu:', err);\n      displayCameraDeniedMessage();\n    }\n  } else if (permissionStatus.state === 'denied') {\n    console.log('Kamera izni reddedildi.');\n    displayCameraDeniedMessage();\n  }\n}<\/code><\/pre>\n
Kullan\u0131c\u0131 Deneyimini \u0130yile\u015ftirme (\u0130zin Neden Gerekli, Ne \u0130\u00e7in Kullan\u0131lacak)<\/h4>\n
Kullan\u0131c\u0131lar, bir iznin neden istendi\u011fini ve nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 anlad\u0131klar\u0131nda izin verme olas\u0131l\u0131klar\u0131 daha y\u00fcksektir.
\n*   Senaryo<\/strong>: Bir hava durumu uygulamas\u0131 konum bilgisi istiyor.
\n*   En \u0130yi Uygulama<\/strong>: Konum izni prompt<\/code> durumundaysa, kullan\u0131c\u0131ya “Size en do\u011fru hava durumu bilgisini sa\u011flamak i\u00e7in konumunuza ihtiyac\u0131m\u0131z var.” gibi a\u00e7\u0131klay\u0131c\u0131 bir mesaj g\u00f6sterin. Asla izni sebepsiz yere veya kullan\u0131c\u0131ya bilgi vermeden istemeyin.<\/p>\n
\u0130zin Reddedildi\u011finde Alternatifler Sunma<\/h4>\n
Kullan\u0131c\u0131 bir izni reddetti\u011finde, uygulaman\u0131z\u0131n tamamen kullan\u0131lamaz hale gelmesi k\u00f6t\u00fc bir deneyimdir.
\n*   Senaryo<\/strong>: Konum tabanl\u0131 bir servis, kullan\u0131c\u0131n\u0131n konumunu reddetti\u011fini g\u00f6r\u00fcyor.
\n*   En \u0130yi Uygulama<\/strong>: Kullan\u0131c\u0131dan konumunu manuel olarak girmesini isteyin (\u015fehir ad\u0131, posta kodu vb.). Bu, uygulaman\u0131n temel i\u015flevselli\u011fini hala sunabilmesini sa\u011flar.<\/p>\n
onchange<\/code> ile Reaktif Uygulamalar Geli\u015ftirme<\/h4>\n
\u0130zin durumu, kullan\u0131c\u0131n\u0131n taray\u0131c\u0131 ayarlar\u0131ndan de\u011fi\u015ftirebilece\u011fi dinamik bir fakt\u00f6rd\u00fcr. onchange<\/code> olay\u0131n\u0131 dinleyerek uygulaman\u0131z\u0131n bu de\u011fi\u015fikliklere an\u0131nda tepki vermesini sa\u011flay\u0131n.
\n*   Senaryo<\/strong>: Kullan\u0131c\u0131 taray\u0131c\u0131 ayarlar\u0131ndan bildirim iznini iptal etti.
\n*   En \u0130yi Uygulama<\/strong>: onchange<\/code> olay\u0131 tetiklendi\u011finde, uygulaman\u0131z\u0131n bildirim d\u00fc\u011fmesini devre d\u0131\u015f\u0131 b\u0131rak\u0131n veya kullan\u0131c\u0131n\u0131n bildirimleri tekrar etkinle\u015ftirebilece\u011fi bir mesaj g\u00f6sterin.<\/p>\n
Gizlilik ve G\u00fcvenlik Odakl\u0131 Geli\u015ftirme<\/h4>\n
*   En Az Yetki Prensibi<\/strong>: Yaln\u0131zca uygulaman\u0131z\u0131n \u00e7al\u0131\u015fmas\u0131 i\u00e7in kesinlikle gerekli olan izinleri isteyin. Gereksiz izinler istemek, kullan\u0131c\u0131 g\u00fcvenini zedeler.
\n*   \u015eeffafl\u0131k<\/strong>: \u0130zin istemlerinin arkas\u0131ndaki nedenleri her zaman a\u00e7\u0131k\u00e7a belirtin.
\n*   Veri Kullan\u0131m\u0131<\/strong>: Elde etti\u011finiz verileri sadece belirtilen ama\u00e7lar do\u011frultusunda kullan\u0131n ve asla k\u00f6t\u00fcye kullanmay\u0131n.<\/p>\n
Bu en iyi uygulamalar\u0131 takip etmek, web uygulaman\u0131z\u0131n sadece i\u015flevsel olmas\u0131n\u0131 de\u011fil, ayn\u0131 zamanda kullan\u0131c\u0131lar taraf\u0131ndan g\u00fcvenilir ve takdir edilen bir deneyim sunmas\u0131n\u0131 sa\u011flar. Permissions API, bu hedeflere ula\u015fmak i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.<\/p>\n
Taray\u0131c\u0131 Deste\u011fi ve Uyumluluk<\/h3>\n
JavaScript Permissions API, modern web taray\u0131c\u0131lar\u0131nda olduk\u00e7a iyi bir deste\u011fe sahiptir. Ba\u015fl\u0131ca taray\u0131c\u0131lar olan Google Chrome, Mozilla Firefox, Microsoft Edge ve Apple Safari’nin g\u00fcncel s\u00fcr\u00fcmleri Permissions API’yi desteklemektedir. Ancak, desteklenen izin t\u00fcrleri ve baz\u0131 davran\u0131\u015f farkl\u0131l\u0131klar\u0131 taray\u0131c\u0131lar aras\u0131nda k\u00fc\u00e7\u00fck farkl\u0131l\u0131klar g\u00f6sterebilir.<\/p>\n
*   Chrome<\/strong>: Geni\u015f bir izin yelpazesini destekler ve API’nin erken benimseyenlerindendir.
\n*   Firefox<\/strong>: Chrome’a benzer \u015fekilde geni\u015f bir destek sunar.
\n*   Edge<\/strong>: Chromium tabanl\u0131 oldu\u011fu i\u00e7in Chrome ile benzer bir destek seviyesine sahiptir.
\n*   Safari<\/strong>: Belirli izinler i\u00e7in (\u00f6zellikle konum ve bildirimler) destek sunar, ancak baz\u0131 deneysel veya daha yeni izin t\u00fcrleri i\u00e7in destek di\u011fer taray\u0131c\u0131lardan daha geride olabilir. Safari’nin gizlilik odakl\u0131 yakla\u015f\u0131m\u0131 nedeniyle, baz\u0131 izin istemleri daha kat\u0131 olabilir.<\/p>\n
\u00d6zellik Alg\u0131lama ('permissions' in navigator<\/code>)<\/h4>\n
Herhangi bir API’yi kullanmadan \u00f6nce oldu\u011fu gibi, Permissions API’sinin kullan\u0131c\u0131n\u0131n taray\u0131c\u0131s\u0131nda desteklenip desteklenmedi\u011fini kontrol etmek iyi bir uygulamad\u0131r. Bu, \u00f6zellikle eski taray\u0131c\u0131lar\u0131 veya daha az yayg\u0131n taray\u0131c\u0131lar\u0131 hedefleyen uygulamalar i\u00e7in \u00f6nemlidir.<\/p>\n
if ('permissions' in navigator) {\n  \/\/ Permissions API destekleniyor.\n  navigator.permissions.query({ name: 'geolocation' })\n    .then(status => {\n      console.log(Konum izni: ${status.state}<\/code>);\n    });\n} else {\n  \/\/ Permissions API desteklenmiyor.\n  console.warn('Permissions API bu taray\u0131c\u0131da desteklenmiyor.');\n  \/\/ Geriye d\u00f6n\u00fck uyumluluk i\u00e7in alternatif bir y\u00f6ntem uygulay\u0131n veya \u00f6zelli\u011fi devre d\u0131\u015f\u0131 b\u0131rak\u0131n.\n}<\/code><\/pre>\n
Bu kontrol, uygulaman\u0131z\u0131n Permissions API’sinin olmad\u0131\u011f\u0131 durumlarda beklenmedik hatalar vermesini engeller ve daha sa\u011flam bir yap\u0131 sunar. Geli\u015ftiricilerin, kullanacaklar\u0131 belirli izin t\u00fcrleri i\u00e7in taray\u0131c\u0131 deste\u011fini kontrol etmek \u00fczere MDN Web Docs veya Can I use gibi kaynaklar\u0131 d\u00fczenli olarak ziyaret etmeleri \u00f6nerilir. Bu, uygulaman\u0131n farkl\u0131 ortamlarda tutarl\u0131 bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flamak i\u00e7in kritik \u00f6neme sahiptir.<\/p>\n
Gelecek ve Geli\u015fmeler<\/h3>\n
Web platformu s\u00fcrekli geli\u015fti\u011fi gibi, Permissions API’si de bu geli\u015fime ayak uydurmaktad\u0131r. Gelecekte Permissions API’sinin kapsam\u0131n\u0131n daha da geni\u015flemesi ve daha esnek hale gelmesi beklenmektedir.<\/p>\n
Yeni \u0130zin T\u00fcrleri<\/h4>\n
Web’in yetenekleri artt\u0131k\u00e7a, yeni donan\u0131m API’leri ve sistem eri\u015fim noktalar\u0131 ortaya \u00e7\u0131kmaktad\u0131r. \u00d6rne\u011fin, USB, Bluetooth, seri portlar veya NFC gibi cihazlara eri\u015fim i\u00e7in yeni izin t\u00fcrleri Permissions API’sine entegre edilebilir. Bu, web uygulamalar\u0131n\u0131n fiziksel d\u00fcnya ile etkile\u015fimini art\u0131racak ve daha zengin deneyimler sunmas\u0131n\u0131 sa\u011flayacakt\u0131r. Geli\u015ftiricilerin, bu yeni izin t\u00fcrlerinin standartla\u015fma s\u00fcre\u00e7lerini takip etmeleri ve uygulamalar\u0131na entegre etmeye haz\u0131r olmalar\u0131 \u00f6nemlidir.<\/p>\n
Daha Gran\u00fcler Kontrol<\/h4>\n
Mevcut Permissions API, genellikle bir \u00f6zelli\u011fin tamam\u0131na eri\u015fim izni verir veya reddeder. Gelecekte, izinler \u00fczerinde daha gran\u00fcler bir kontrol sa\u011flamak m\u00fcmk\u00fcn olabilir. \u00d6rne\u011fin, bir uygulamaya sadece belirli bir s\u00fcre i\u00e7in veya sadece belirli bir dosya t\u00fcr\u00fcne eri\u015fim izni vermek gibi daha ince ayarlar yap\u0131labilir. Bu, kullan\u0131c\u0131lar\u0131n gizliliklerini daha iyi y\u00f6netmelerine olanak tan\u0131rken, geli\u015ftiricilere de daha esnek uygulama senaryolar\u0131 sunacakt\u0131r.<\/p>\n
Kullan\u0131c\u0131 Aray\u00fcz\u00fc Entegrasyonlar\u0131<\/h4>\n
Taray\u0131c\u0131lar, kullan\u0131c\u0131lar\u0131n izinleri daha kolay y\u00f6netebilmesi i\u00e7in kendi kullan\u0131c\u0131 aray\u00fczlerini geli\u015ftirmeye devam etmektedir. Gelecekte, Permissions API ile taray\u0131c\u0131lar\u0131n izin y\u00f6netim aray\u00fczleri aras\u0131nda daha s\u0131k\u0131 bir entegrasyon g\u00f6r\u00fclebilir. Bu, kullan\u0131c\u0131lar\u0131n bir web sitesinin hangi izinlere sahip oldu\u011funu daha \u015feffaf bir \u015fekilde g\u00f6rmesini ve bu izinleri kolayca de\u011fi\u015ftirmesini sa\u011flayacakt\u0131r. Ayr\u0131ca, geli\u015ftiricilerin izin istemlerini taray\u0131c\u0131n\u0131n yerel UI\/UX’ine daha iyi entegre etmeleri i\u00e7in yeni yollar sunulabilir.<\/p>\n
G\u00fcvenlik ve Gizlilik \u0130yile\u015ftirmeleri<\/h4>\n
Web g\u00fcvenli\u011fi ve gizlili\u011fi, s\u00fcrekli bir geli\u015fim alan\u0131d\u0131r. Permissions API’si, bu alandaki yeni tehditlere ve en iyi uygulamalara uyum sa\u011flamak i\u00e7in g\u00fcncellenmeye devam edecektir. \u00d6rne\u011fin, izinlerin k\u00f6t\u00fcye kullan\u0131m\u0131n\u0131 \u00f6nlemek i\u00e7in daha ak\u0131ll\u0131 algoritmalar veya kullan\u0131c\u0131ya daha fazla ba\u011flam sa\u011flayan mekanizmalar eklenebilir. Bu, hem geli\u015ftiricilerin hem de kullan\u0131c\u0131lar\u0131n web’i daha g\u00fcvenli bir \u015fekilde kullanmalar\u0131na yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n
Permissions API’nin gelece\u011fi, web’in daha g\u00fc\u00e7l\u00fc, daha g\u00fcvenli ve kullan\u0131c\u0131 odakl\u0131 hale gelme yolculu\u011funun \u00f6nemli bir par\u00e7as\u0131d\u0131r. Geli\u015ftiriciler olarak, bu geli\u015fmeleri takip etmek ve uygulamalar\u0131m\u0131z\u0131 bu do\u011frultuda tasarlamak, modern web’in sundu\u011fu t\u00fcm potansiyeli kullanmam\u0131z\u0131 sa\u011flayacakt\u0131r.<\/p>\n
Sonu\u00e7<\/h3>\n
JavaScript Permissions API, modern web geli\u015ftirmenin temel ta\u015flar\u0131ndan biri haline gelmi\u015ftir. Web uygulamalar\u0131n\u0131n giderek artan yetenekleri kar\u015f\u0131s\u0131nda, kullan\u0131c\u0131 gizlili\u011fini ve g\u00fcvenli\u011fini korumak kritik bir \u00f6neme sahiptir. Permissions API, geli\u015ftiricilere bu dengeyi sa\u011flamak i\u00e7in g\u00fc\u00e7l\u00fc ve esnek bir ara\u00e7 sunar.<\/p>\n
Bu API sayesinde geli\u015ftiriciler, konum, kamera, mikrofon, bildirimler ve daha bir\u00e7ok hassas sistemsel \u00f6zelli\u011fe eri\u015fim izinlerinin durumunu proaktif olarak sorgulayabilirler. Bu, gereksiz ve rahats\u0131z edici izin istemlerinin \u00f6n\u00fcne ge\u00e7ilmesine, kullan\u0131c\u0131 deneyiminin iyile\u015ftirilmesine ve uygulamalar\u0131n daha \u015feffaf bir \u015fekilde \u00e7al\u0131\u015fmas\u0131na olanak tan\u0131r. granted<\/code>, denied<\/code> ve prompt<\/code> gibi durumlar\u0131 do\u011fru bir \u015fekilde y\u00f6netmek, uygulaman\u0131n farkl\u0131 senaryolarda ak\u0131c\u0131 ve \u00f6ng\u00f6r\u00fclebilir bir \u015fekilde davranmas\u0131n\u0131 sa\u011flar.<\/p>\n
Permissions API’nin sundu\u011fu onchange<\/code> olay\u0131, uygulaman\u0131n izin durumu de\u011fi\u015fikliklerine dinamik olarak tepki vermesine olanak tan\u0131yarak reaktif ve kullan\u0131c\u0131 dostu aray\u00fczler olu\u015fturman\u0131n kap\u0131lar\u0131n\u0131 a\u00e7ar. Ayr\u0131ca, en iyi uygulama pratiklerini benimsemek, yani izin istemeden \u00f6nce durumu kontrol etmek, kullan\u0131c\u0131lara iznin neden gerekli oldu\u011funu a\u00e7\u0131klamak ve reddedilme durumlar\u0131nda alternatifler sunmak, kullan\u0131c\u0131 g\u00fcvenini art\u0131r\u0131r ve daha olumlu bir etkile\u015fim sa\u011flar.<\/p>\n
Taray\u0131c\u0131 deste\u011fi geni\u015fledik\u00e7e ve yeni izin t\u00fcrleri API’ye eklendik\u00e7e, web uygulamalar\u0131n\u0131n yetenekleri daha da artacakt\u0131r. Permissions API’nin gelece\u011fi, daha gran\u00fcler izin kontrol\u00fc ve geli\u015fmi\u015f kullan\u0131c\u0131 aray\u00fcz\u00fc entegrasyonlar\u0131 ile web’i daha g\u00fcvenli, daha g\u00fc\u00e7l\u00fc ve kullan\u0131c\u0131 merkezli bir platform haline getirme potansiyeline sahiptir.<\/p>\n
Sonu\u00e7 olarak, her modern web geli\u015ftiricisinin Permissions API’yi anlamas\u0131 ve uygulamalar\u0131na entegre etmesi elzemdir. Bu, sadece teknik bir gereklilik de\u011fil, ayn\u0131 zamanda kullan\u0131c\u0131 gizlili\u011fine ve g\u00fcvenli\u011fine sayg\u0131 duyan etik bir geli\u015ftirme yakla\u015f\u0131m\u0131n\u0131n da bir g\u00f6stergesidir. Permissions API’yi etkin kullanarak, hem g\u00fc\u00e7l\u00fc hem de sorumlu web uygulamalar\u0131 in\u015fa edebiliriz.<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript Permissions API’sine Kapsaml\u0131 Bir Bak\u0131\u015f\nGiri\u015f\nModern web uygulamalar\u0131, kullan\u0131c\u0131lara zengin ve interaktif deneyimler sunmak i\u00e7in g","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[129],"tags":[],"class_list":{"0":"post-30850","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-javascript","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nJavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f\" \/>\n<meta property=\"og:description\" content=\"JavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f Giri\u015f Modern web uygulamalar\u0131, kullan\u0131c\u0131lara zengin ve interaktif deneyimler sunmak i\u00e7in g\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-02T17:41:31+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"JavaScript Permissions API’sine Kapsaml\u0131 Bir Bak\u0131\u015f\",\"datePublished\":\"2025-10-02T17:41:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/\"},\"wordCount\":3306,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"Javascript\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/\",\"name\":\"JavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-10-02T17:41:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Permissions API’sine Kapsaml\u0131 Bir Bak\u0131\u015f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f","og_description":"JavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f Giri\u015f Modern web uygulamalar\u0131, kullan\u0131c\u0131lara zengin ve interaktif deneyimler sunmak i\u00e7in g","og_url":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-10-02T17:41:31+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"19 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"JavaScript Permissions API’sine Kapsaml\u0131 Bir Bak\u0131\u015f","datePublished":"2025-10-02T17:41:31+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/"},"wordCount":3306,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["Javascript"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/","url":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/","name":"JavaScript Permissions API'sine Kapsaml\u0131 Bir Bak\u0131\u015f - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-10-02T17:41:31+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/javascript-permissions-apisine-kapsamli-bir-bakis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript Permissions API’sine Kapsaml\u0131 Bir Bak\u0131\u015f"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/30850","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=30850"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/30850\/revisions"}],"predecessor-version":[{"id":30851,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/30850\/revisions\/30851"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=30850"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=30850"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=30850"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}