유용한 웹 기능 발견

브라우저에서 지원하는 고급 웹 기능은 무엇인가요? 그리고 이러한 기능을 활용하는 웹 앱에는 어떤 것이 있을까요? 이러한 질문에 답하려면 브라우저 테스트 사이트와 브라우저 확장 프로그램을 확인하세요.

토마스 슈타이너
토마스 슈타이너

Project Fugu는 웹 기능의 간극을 메워 새로운 클래스의 애플리케이션을 웹에서 실행할 수 있도록 하는 회사 간 노력입니다. 더 구체적으로 설명하자면, 앱 개발자가 이전에는 불가능했던 사용 사례를 지원하기 위해 사용할 수 있는 새 API를 브라우저에 추가합니다. 선택한 브라우저에서 어떤 API를 지원하나요? 어떤 웹 애플리케이션에서 이러한 API를 사용하나요? 궁금증을 해소하기 위해

내 브라우저는 Fugu를 사용할 수 있나요?

파일 처리, 파일 시스템 액세스, 비동기 클립보드, 웹 공유와 같은 Project Fugu API는 플랫폼별 앱에서만 가능하다고 예상했던 기능을 웹에 제공했습니다. 예를 들어 이제 이미지 파일을 더블클릭하여 연결된 PWA에서 열리고, 수정하고, 변경사항을 다시 파일에 저장한 다음 이미지 콘텐츠를 다른 앱에 복사하거나 이메일 클라이언트와 공유할 수 있습니다. 최근까지는 웹에서 사용할 수 없었던 흐름입니다.

가능한 작업을 알아보려면 Fugu는 내 브라우저가 무엇인가요? 애플리케이션을 확인하고 선택한 브라우저에서 지원하는 Project Fugu API를 확인하세요. 모든 기능이 모든 플랫폼에 노출되는 것은 아닙니다. 예를 들어 Contact Picker API는 현재 모바일에서만 노출되어 있습니다. 따라서 데스크톱에서 테스트해도 100% 의 점수에 도달하는 것이 기술적으로 불가능하며 그 반대의 경우도 마찬가지입니다. 그러므로 이 테스트는 절대적인 과학이 아닌 재미있는 경쟁으로 간주하세요. 테스트된 각 기능에 관해 자세히 알아볼 수 있는 관련 문서 링크가 있습니다. 기능 감지가 가능한 경우 브라우저에서 이 기능을 지원하는지 여부를 확인할 수 있으며 마지막으로 Chrome 상태에 연결된 페이지 로드 통계를 통해 특정 기능의 시간 경과에 따른 인기도를 알 수 있습니다.

브라우저에서 Web Share API를 지원하는 경우 Fugu 물고기와 진행률 표시줄 바로 옆에 있는 Share 버튼을 클릭하여 브라우저의 기능을 공유할 수 있습니다. 또는 스크린샷을 다운로드한 다음 원하는 온라인 소셜 네트워크에 수동으로 공유할 수도 있습니다.

사이트: https://howfuguismybrowser.dev/
'Fugu는 내 브라우저인가요?'라고 궁금해 한 적이 있나요?

Fugu 웹은 어떤가요?

How Fugu is the web?이라는 호환 브라우저 확장 프로그램을 사용하면 방문 중인 사이트에서 어떤 Fugu API가 사용되는지 확인할 수 있습니다. Chrome 웹 스토어에서 이 확장 프로그램을 설치하고 웹을 탐색한 다음 일부 사이트의 Fugu fish 카운터에 감지된 Project Fugu API가 포함된 배지를 표시합니다. 예를 들어 Excalidraw로 이동하면 Excalidraw가 감지 가능한 9개의 Project Fugu API를 사용하므로 카운터가 9로 이동합니다. 다음과 같습니다.

  1. CacheStorage
  2. 서비스 워커
  3. 웹 공유
  4. 비동기 클립보드
  5. 비동기 클립보드 (이미지)
  6. 파일 시스템 액세스
  7. 웹 공유 타겟
  8. 웹 공유 대상 (파일)
  9. 파일 처리
https://excalidraw.com/ 사이트에서 'How Fugu is the Web' 확장 프로그램이 호출되었습니다.
'Fugu는 웹이란 무엇인가?'에 대해 궁금해 한 적이 있나요?

이전과 마찬가지로 브라우저에서 Web Share API를 지원하는 경우 직접 결과를 공유할 수 있으며 지원하지 않는 경우 수동으로 공유할 수 있습니다. 브라우저가 기능을 지원하는지 확인하려면 세부정보를 클릭하여 관련 문서를 읽어보세요. 글머리기호 목록에서 소스 코드 링크를 클릭하여 관련 소스 코드 스니펫을 직접 확인할 수도 있습니다.

결론

How Fugu is the Web? 확장 프로그램이 설치된 상태로 웹을 탐색할 때 Project Fugu API 배지가 얼마나 자주 표시되는지 알 수 있습니다. 이는 GitHub의 새로운 Issue 페이지와 같이 이미지를 업로드할 수 있는 편리한 기능을 제공하는 페이지부터 Excalidraw와 같이 파일 처리, 파일 시스템 액세스, 클립보드 액세스와 같은 여러 기능을 사용하는 완전한 앱에 이르기까지 다양합니다. 이전에는 플랫폼별 앱이 필요했지만 이제는 웹 애플리케이션으로 채울 수 있습니다. 이러한 예로 WebHID API로 게임 키보드를 프로그래밍하는 WootingWootility 앱을 들 수 있습니다.

마찬가지로, 선택한 브라우저의 새 버전 (또는 다른 브라우저 또는 삽입된 WebView)마다 Fugu는 어떻게 사용되나요?를 실행하는 것은 매우 만족스럽습니다. 거의 모든 새 브라우저가 출시될 때마다 브라우저에 새로운 기능이 한두 개 도입되면 진행률 표시줄이 조금씩 이동합니다.

웹용 빌드는 그 어느 때보다도 실용적이며, 새로운 기능이 플랫폼에 놀라운 속도로 계속 추가되고 있습니다. 앱을 빌드하기 위한 유일한 선택지는 웹이 아닙니다. 이 테스트 사이트와 브라우저 확장 프로그램을 통해 지원되는 웹을 한 번 더 확인해 보시길 권해 드립니다.