EdgePWAにはまもなく高度なタイトルバーが追加されます

Microsoftは、EdgePWAタイトルバーとWindowsで実行されている他のアプリケーションとの視覚的な違いを排除する予定です。 現在、このようなPWAには、エッジウィンドウフレームを複製したタイトルバーがあります。 これは近い将来変更されます。 ブラウザを使用すると、PWA開発者はウィンドウフレームの外観を完全にカスタマイズできます。

次のスクリーンショットを見てください。 ウィンドウフレームの新しい実装がEdgePWAをどのように検索するかを次に示します。

Microsoftは、開発者がタイトルバー領域をよりカスタマイズできるようにしようとしています。 これで、コントロールや情報、カスタムロゴ、検索ボックスなど、その領域に追加のコンテンツを配置できるようになります。 これらに加えて、タイトルバーは、最小化、最大化、閉じるボタンなどの従来のコントロールを保持します。 ユーザーは、ドラッグアンドドロップを使用して、このような最新のタイトルバーを備えたPWAウィンドウを移動できます。

この動作を制御するフラグがあります。 この機能をテストできるようにする方法は次のとおりです。

EdgePWAの高度なタイトルバーを有効にする

1. MicrosoftEdgeを開きます。
2. タイプ edge：// flags /＃enable-desktop-pwas-controls-overlay アドレスバーでEnterキーを押します。
3. の横にある[有効]を選択します デスクトップPWAWindowsコントロールオーバーレイ.
4. プロンプトが表示されたら、ブラウザを再起動します。

これにより、新しい外観が有効になります。 次に、プログレッシブウェブアプリを提供するウェブサイトに移動します。 TwitterまたはYouTubeで、違いを確認してください。

ただし、変更がPWAで広く使用されるようになるまでには時間がかかることに注意してください。 アプリ開発者は、新しいAPIによって提供されるすべての機能を使用するために、Webアプリを更新する必要があります。 プロジェクトはすでにです GitHubに文書化されています.

また、同様のものが最終的にChromeブラウザで利用可能になることを期待できます。 これは、両方のブラウザがChromiumプロジェクトの上に構築されており、多くの場合、それらの機能を共有しているためです。

おかげで TECHTSP