브라우저에서 어떤 고급 웹 기능을 지원하나요? 이러한 기능을 사용하는 웹 앱은 무엇인가요? 이러한 질문에 답하려면 브라우저 테스트 사이트와 브라우저 확장 프로그램을 확인하세요.
Project Fugu는 웹 기능의 격차를 해소하여 새로운 애플리케이션 클래스를 웹에서 실행할 수 있도록 하는 교차 기업 프로젝트입니다. 구체적으로는 앱 개발자가 이전에는 불가능했던 사용 사례를 사용 설정하는 데 사용할 수 있는 새 API를 브라우저에 추가하는 것을 의미합니다. 사용 중인 브라우저에서 어떤 API를 지원하나요? 어떤 웹 애플리케이션에서 이러한 API를 사용하나요? 궁금증을 해소하기 위해
내 브라우저는 얼마나 안전한가요?
파일 처리, 파일 시스템 액세스, 비동기 클립보드, 웹 공유와 같은 Project Fugu API는 플랫폼별 앱에서만 가능할 것으로 예상되는 기능을 웹에 제공했습니다. 예를 들어 이제 이미지 파일을 더블클릭하여 연결된 PWA에서 열고 수정한 후 변경사항을 파일에 다시 저장한 다음 이미지 콘텐츠를 다른 앱으로 복사하거나 이메일 클라이언트로 공유할 수 있습니다. 최근까지 웹에서는 불가능했던 흐름입니다.
가능한 작업을 알아보려면 내 브라우저의 Fugu 수준은 어느 정도인가요? 애플리케이션을 확인하고 사용 중인 브라우저에서 지원하는 Project Fugu API를 확인하세요. 일부 기능은 일부 플랫폼에만 노출됩니다. 예를 들어 Contact Picker API는 현재 모바일에서만 노출되므로 데스크톱에서 테스트하는 경우 기술적으로 100% 점수를 얻을 수 없습니다 (그 반대의 경우도 마찬가지). 따라서 이 테스트는 절대적인 과학이 아니라 재미있는 경쟁으로 간주하세요. 테스트된 각 기능에 대해 기능에 관해 자세히 알아볼 수 있는 관련 문서 링크가 있습니다. 기능 감지가 가능한 경우 브라우저에서 기능이 지원되는지 여부에 관한 메모와 특정 기능의 인기도를 시간 경과에 따라 보여주는 Chrome 상태에 연결된 페이지 로드 통계도 표시됩니다.
브라우저에서 Web Share API를 지원하는 경우 복어와 진행률 표시줄 바로 옆에 있는 공유 버튼을 클릭하여 브라우저의 복어 상태를 공유할 수 있습니다. 또는 스크린샷을 다운로드한 후 원하는 온라인 소셜 네트워크에서 수동으로 공유할 수 있습니다.
웹은 얼마나 독성이 강한가요?
How Fugu is the web?라는 이름의 호환 브라우저 확장 프로그램을 사용하면 방문 중인 사이트에서 어떤 Fugu API가 사용되는지 확인할 수 있습니다. Chrome 웹 스토어에서 이 확장 프로그램을 설치하고 웹을 탐색한 다음 일부 사이트의 Fugu 물고기 카운터에 감지된 Project Fugu API가 포함된 배지가 표시되는 방식을 확인합니다. 예를 들어 Excalidraw로 탐색하면 Excalidraw에서 감지 가능한 Project Fugu API를 9개 사용하므로 카운터가 9로 이동합니다. 이는 다음과 같습니다.
이전과 마찬가지로 브라우저에서 Web Share API를 지원하는 경우 결과를 직접 공유할 수 있고 지원하지 않는 경우에는 수동으로 공유할 수 있습니다. 브라우저에서 기능을 지원하는지 확인하려면 세부정보를 클릭하여 관련 문서를 읽어보세요. 글머리기호 목록에서 소스 코드 링크를 클릭하여 관련 소스 코드 스니펫을 직접 확인할 수도 있습니다.
결론
How Fugu is the Web? 확장 프로그램을 설치한 상태에서 웹을 탐색하면 Project Fugu API 배지가 얼마나 자주 표시되는지 확인할 수 있습니다. GitHub의 새 문제 페이지와 같이 앱에 이미지를 붙여넣을 수 있는 편의 기능이 있는 페이지부터(덜 편리한 옵션으로 업로드하는 대신) Excalidraw와 같이 파일 처리, 파일 시스템 액세스, 클립보드 액세스와 같은 여러 기능을 사용하는 본격적인 앱까지 다양합니다. 이전에는 플랫폼별 앱이 필요했지만 이제는 웹 애플리케이션으로 대체할 수 있는 경우도 있습니다. 이러한 예로는 WebHID API로 게임 키보드를 프로그래밍하는 Wooting의 Wootility 앱이 있습니다.
마찬가지로 선택한 브라우저 (또는 다른 브라우저 또는 삽입된 WebView)의 새 버전마다 내 브라우저의 Fugu 수준은 어때요?를 실행하면 매우 만족스러운 결과를 얻을 수 있습니다. 거의 모든 새 브라우저 출시에서 브라우저에 새로운 기능이 추가되면 진행률 표시줄이 약간 위로 이동합니다.
웹용 빌드는 그 어느 때보다 실용적이며 새로운 기능이 플랫폼에 빠르게 추가되고 있습니다. 앱을 빌드하는 데 웹만 사용할 수 있는 것은 아니지만, 이 테스트 사이트와 브라우저 확장 프로그램을 통해 지금까지 고려하지 않았던 기능이 뛰어난 웹을 다시 한번 살펴보시기 바랍니다.