Tarayıcınız hangi gelişmiş web özelliklerini destekliyor? Peki bu özelliklerden yararlanan web uygulamaları hangileri? Bu soruları yanıtlamak için bir tarayıcı test sitesine ve tarayıcı uzantısına göz atın.
Fugu projesi, web'in yeteneklerindeki boşlukları kapatarak web'de yeni uygulama sınıflarının çalışmasını sağlayan şirket içi bir çalışmadır. Daha açık bir ifadeyle, bu durum tarayıcılara uygulama geliştiricilerin daha önce mümkün olmayan kullanım alanlarını etkinleştirmek için kullanabileceği yeni API'ler eklenmesi anlamına gelir. Tercih ettiğiniz tarayıcı hangi API'leri destekliyor? Bu API'lerden hangi web uygulamaları yararlanır? Haydi öğrenelim.
Tarayıcım Fugu nasıl?
File Handling, File System Access, Async Clipboard ve Web Share gibi Project Fugu API'leri, web'e yalnızca platforma özgü uygulamalarda kullanılabileceğini düşündüğünüz özellikleri getirdi. Örneğin, artık bir resim dosyasını çift tıklayarak ilişkili bir PWA'da açabilir, değişiklik yapabilir, değişiklikleri dosyaya kaydedebilir ve ardından resim içeriğini başka bir uygulamaya kopyalayabilir veya bir e-posta istemcisinde paylaşabilirsiniz. Bu, yakın zamana kadar web'de mümkün olmayan bir akıştır.
Neler yapabileceğinizi öğrenmek için Tarayıcımda Fugu nasıl çalışır? başlıklı makaleyi inceleyin ve tercih ettiğiniz tarayıcının hangi Project Fugu API'lerini desteklediğini öğrenin. Tüm özellikler tüm platformlarda kullanıma sunulmaz. Örneğin, Contact Picker API şu anda yalnızca mobil cihazlarda kullanıma sunulmuştur. Bu nedenle, masaüstünde test ederseniz (veya tam tersi) %100 puana ulaşmak teknik olarak mümkün değildir. Bu nedenle, bu testi kesin bir bilimden ziyade eğlenceli bir yarışma olarak değerlendirin. Test edilen her özellik için, özellik hakkında daha fazla bilgi edinmenizi sağlayan ilgili dokümanların bağlantısı bulunur. Özellik algılamanın mümkün olduğu durumlarda, özelliğin tarayıcınız tarafından desteklenip desteklenmediğine dair bir not da gösterilir. Son olarak, belirli bir özelliğin zaman içinde ne kadar popüler olduğunu gösteren Chrome Durumu'na bağlı sayfa yükleme istatistikleri de gösterilir.
Tarayıcınız Web Share API'yi destekliyorsa Fugu balığının ve ilerleme çubuğunun hemen yanındaki Paylaş düğmesini tıklayarak tarayıcınızın durumunu paylaşabilirsiniz. Alternatif olarak, ekran görüntüsünü indirip dilediğiniz online sosyal ağda manuel olarak paylaşabilirsiniz.
Web'de Fugu nasıl?
How Fugu is the web? adlı tamamlayıcı tarayıcı uzantısı, ziyaret ettiğiniz siteler tarafından hangi Fugu API'lerinin kullanıldığını öğrenmenize yardımcı olur. Bu uzantıyı Chrome Web Mağazası'ndan yükleyin ve web'de gezinin. Ardından, bazı sitelerdeki Fugu balığı sayacında Project Fugu API'lerinin algılandığı bir rozet gösterildiğini fark edin. Örneğin, Excalidraw'a göz atarsanız sayaç 9'a atlar. Bunun nedeni, Excalidraw'ın dokuz adet Project Fugu API'si kullanmasıdır. Desteklenen biçimler şunlardır:
- CacheStorage
- Hizmet Çalışanı
- Web'de Paylaş
- Async Clipboard
- Eş Zamansız Pano (Resimler)
- Dosya Sistemi Erişimi
- Web Paylaşımı Hedefi
- Web Paylaşımı Hedefi (Dosyalar)
- Dosya İşleme
Daha önce olduğu gibi, tarayıcınız Web Share API'yi destekliyorsa sonuçları doğrudan Paylaşabilir, desteklemiyorsa manuel olarak paylaşabilirsiniz. Tarayıcınızın bir özelliği destekleyip desteklemediğini görmek için Ayrıntılar'ı tıklayarak ilgili dokümanları okuyun. Ayrıca, madde listesindeki kaynak kod bağlantısını tıklayarak doğrudan ilgili kaynak kod snippet'ine göz atabilirsiniz.
Sonuçlar
How Fugu is the Web? uzantısı yüklüyken web'de gezinirken Project Fugu API rozetinin ne sıklıkta göründüğünü görmek etkileyicidir. Bu, GitHub'ın Yeni Sorun sayfası gibi bir uygulamaya resim yapıştırma (daha az rahat bir seçenek olarak yüklemek yerine) gibi kolaylık özelliklerinin bulunduğu sayfalardan Excalidraw'da olduğu gibi dosya işleme, dosya sistemi erişimi ve panosuna erişim gibi çeşitli özelliklerden yararlanan tam teşekküllü uygulamalara kadar çeşitlilik gösterir. Daha önce platforma özel bir uygulama gerektiren bazı durumlarda artık web uygulaması kullanılabilir. Buna örnek olarak Wooting'in WebHID API ile oyun klavyelerini programlamak için geliştirdiği Wootility uygulamasını verebiliriz.
Benzer şekilde, tercih ettiğiniz tarayıcının (veya başka bir tarayıcının ya da yerleşik WebView'in) her yeni sürümünde Tarayıcımın Fugu puanı nedir?'i çalıştırmak da çok tatmin edicidir. Tarayıcınız bir veya iki yeni özellik kazandığında, neredeyse her yeni tarayıcı sürümünde ilerleme çubuğu biraz daha yükselir.
Web için uygulama geliştirmek her zamankinden daha uygun ve platforma inanılmaz bir hızla yeni özellikler eklenmeye devam ediyor. Uygulama oluşturmak için web'i kullanmak tek seçeneğiniz değildir. Ancak bu test sitesi ve tarayıcı uzantısı sayesinde, şimdiye kadar kullanmadıysanız yetenekli web'e bir kez daha göz atmaya ikna etmişizdir.