Uygun web'i keşfetme

Tarayıcınız hangi gelişmiş web özelliklerini destekliyor? Bu özelliklerden yararlanan web uygulamaları nelerdir? Bu soruları yanıtlamak için bir tarayıcı test sitesine ve bir tarayıcı uzantısına göz atın.

Fugu Projesi, web'in becerilerindeki boşlukları kapatarak yeni uygulama sınıflarının web'de çalışmasını sağlamayı amaçlayan şirketler arası bir çalışmadır. Daha somut bir şekilde anlatmak gerekirse bu durum, uygulama geliştiricilerin önceden imkansız olan kullanım alanlarını etkinleştirmek için kullanabileceği tarayıcılara yeni API'ler eklemek anlamına gelir. Seçtiğiniz tarayıcı hangi API'leri destekliyor? Hangi web uygulamaları bu API'leri kullanır? Haydi öğrenelim.

Tarayıcım nasıl Fugu?

File İşleme, Dosya Sistemi Erişimi, Eş Zamansız Pano ve Web Paylaşımı gibi Project Fugu API'leri, web'e ancak platforma özel uygulamalarda gerçekleşmesini beklediğiniz özellikleri getirdi. Örneğin, artık bir resim dosyasını çift tıklayarak ilişkili PWA'da açabilir, değişiklikler yapabilir, değişiklikleri tekrar dosyaya kaydedebilir, ardından resim içeriğini başka bir uygulamaya kopyalayabilir veya bir e-posta istemcisiyle paylaşabilirsiniz. Bu, yakın zamana kadar web'de mümkün olmayan bir akıştır.

Nelerin mümkün olduğunu öğrenmek için How Fugu is my tarayıcı? uygulamasına göz atın ve tercih ettiğiniz tarayıcının hangi Project Fugu API'lerini desteklediğini öğrenin. Tüm özellikler tüm platformlarda sunulmayabilir. Örneğin, Contact Picker API şu anda yalnızca mobil cihazlarda kullanıma sunulmaktadır. Bu nedenle, masaüstünde test ederseniz% 100'e ulaşmak teknik olarak mümkün değildir (tam tersi de geçerlidir). Bu nedenle, bu testi mutlak bilim yerine eğlenceli bir yarışma olarak görün. Test edilen her özellik hakkında daha fazla bilgi edinebilmeniz için ilgili belgelerin bağlantısı verilmiştir. Özellik algılamasının mümkün olduğu durumlarda, özelliğin tarayıcınız tarafından desteklenip desteklenmediğine ilişkin bir not ve son olarak, belirli bir özelliğin zaman içinde ne kadar popüler olduğunu belirten Chrome Durumu'na bağlı sayfa yükleme istatistikleri de bulunur.

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 Fugu içeriğini paylaşabilirsiniz. Ayrıca, bir ekran görüntüsünü indirip tercih ettiğiniz çevrimiçi sosyal ağınızda manuel olarak paylaşabilirsiniz.

Site: https://howfuguismybrowser.dev/.
Hiç merak ettiniz mi: "Fugu benim tarayıcım nasıl?"

Fugu web nasıl bir yer?

How Fugu is the web? adlı tamamlayıcı tarayıcı uzantısı, ziyaret ettiğiniz sitelerin hangi Fugu API'lerini kullandığını öğrenmenize yardımcı olur. Chrome Web Mağazası'ndan bu uzantıyı yükleyin ve web'e göz atın. Ardından, bazı sitelerdeki Fugu balığı sayacının, algılanan Project Fugu API'leriyle birlikte bir rozet görüntülediğine dikkat edin. Örneğin, Excalidraw'a göz atarsanız Excalidraw dokuz algılanabilir Project Fugu API'si kullandığından sayaç 9'a atlar. Desteklenen biçimler şunlardır:

  1. CacheStorage
  2. Hizmet Çalışanı
  3. Web Paylaşımı
  4. Eş Zamansız Pano
  5. Eş Zamansız Pano (Resimler)
  6. Dosya Sistemi Erişimi
  7. Web Paylaşımı Hedefi
  8. Web Paylaşım Hedefi (Dosyalar)
  9. Dosya İşleme
https://excalidraw.com/ sitesinde çağrılan "How Fugu is the Web" uzantısı.
Hiç merak ettiniz mi: "Fugu web nasıldır?"

Daha önce olduğu gibi, tarayıcınız Web Share API'yi destekliyorsa sonuçları doğrudan, desteklemiyorsa manuel olarak paylaşabilirsiniz. Tarayıcınızın bir özelliği destekleyip desteklemediğini öğrenmek için Ayrıntılar'ı tıklayarak ilgili dokümanları okuyun. Ayrıca madde işaretleri listesindeki kaynak kodu bağlantısını tıklayarak ilgili kaynak kod snippet'ini doğrudan kontrol edebilirsiniz.

Sonuçlar

How Fugu is the Web? uzantısı yüklüyken web'e göz atarken Project Fugu API rozetinin ne sıklıkta göründüğünü görmek gerçekten etkileyici. Bu özellikler, resimleri GitHub'ın Yeni Sorun sayfasındaki gibi bir uygulamaya yapıştırabilmek gibi rahatlatıcı özelliklere sahip sayfalardan, Excalidraw'da olduğu gibi dosya işleme, dosya sistemi erişimi ve pano erişimi gibi çeşitli özelliklerden yararlanan son derece gelişmiş uygulamalara kadar uzanır. Önceden platforma özel bir uygulamanın gerekli olduğu durumlarda, bazı durumlarda artık bir web uygulaması bunu doldurabilir. Wooting'in WebHID API ile oyun klavyelerini programlamaya yönelik Wootility uygulaması buna örnek gösterilebilir.

Benzer şekilde, seçtiğiniz tarayıcının her yeni sürümünde (veya başka bir tarayıcıda ya da yerleştirilmiş Web Görünümü'nde) Tarayıcım nasıl Fugu?'u çalıştırmak son derece tatmin edicidir. Hemen hemen her yeni tarayıcı sürümüyle birlikte, tarayıcınız yeni bir özellik kazandığında ilerleme çubuğu biraz daha yükselir.

Web için geliştirme yapmak her zamankinden daha kolay ve platforma inanılmaz bir hızla yeni özellikler eklenmeye devam ediyor. Uygulama geliştirirken başvuracağınız tek seçenek web değildir. Umarım bu test sitesi ve tarayıcı uzantısı ile sizi, özellikli web'i tekrar gözden geçirmeye ikna ettik.