ブックマーク / developer.chrome.com (6)

  • 新しい HTML <permission>> 要素のオリジン トライアル  |  Blog  |  Chrome for Developers

    使用許可を求めるための命令的な方法は多数ある ウェブアプリでの位置情報へのアクセスなどの 強力な機能が必要ですこれらのメソッドには、 そこで Chrome の権限チームは、さまざまな課題の解決を 新しい宣言型の方法である、専用の HTML <permission> 要素に置き換えます。この 要素は Chrome 126 のオリジン トライアル段階にあり、最終的には 標準化します。 権限をリクエストするための命令型メソッド ウェブアプリが 強力な機能がある一方で、 許可を求める必要があります。たとえば Google マップでは、 Geolocation API、 ブラウザはユーザーにプロンプトを表示し、多くの場合、その判断内容を保存するオプションが用意されています。 これは をご覧ください。 事前リクエストではなく、初回使用時に暗示的に求める Geolocation API は強力な API

    新しい HTML <permission>> 要素のオリジン トライアル  |  Blog  |  Chrome for Developers
    ayoshh
    ayoshh 2024/06/17
  • Chrome 125 の新機能  |  Blog  |  Chrome for Developers

    必知事項は次のとおりです。 CSS Anchor Positioning を使用すると、要素のアンカー化がこれまでになく簡単になります。 Compute Pressure API は、利用可能なコンピュータ処理能力を最適化するのに役立ちます。 Storage Access API は、Cookie の保存以外にも対応できるように拡張されています。 他にも多くの機能を利用できます。 アドリアナ・ジャラですChrome 125 のデベロッパー向け新機能を見てみましょう。 CSS アンカーの配置。 別の要素に固定された要素を表示すると、ポップオーバーをツールチップとして使用したり、ポップオーバーを呼び出す要素にアタッチしたりするなど、UI パターンを作成できます。 CSS アンカー配置を使用すると、絶対位置に配置された要素をページ上の 1 つ以上の要素に宣言的にテザリングできます。JavaScr

    Chrome 125 の新機能  |  Blog  |  Chrome for Developers
    ayoshh
    ayoshh 2024/05/16
  • ページ ライフサイクル API  |  Web Platform  |  Chrome for Developers

    最新のブラウザでは、ページが停止されたり、完全に破棄されたりすることがあります。 システム リソースに制約があります。将来的にはブラウザでも同じことが求められるようになります。 そのため、消費電力やメモリも少なくなります。Page Lifecycle API ライフサイクル フックにより、ページでこうしたブラウザを安全に処理できます。 介入することで、ユーザー エクスペリエンスは損なわれません。API を確認し アプリに実装すべきかどうかを確認できます 背景 アプリケーションのライフサイクルは、現代のオペレーティング システムが 説明します。Android、iOS、および最近の Windows バージョンでは、 OS によりいつでも停止できます。これによりこれらのプラットフォームでは ユーザーに最もメリットがある場所にリソースを再割り当てします。 ウェブにはこれまでそのようなライフサイクル

    ayoshh
    ayoshh 2024/02/26
  • CSS に 4 つの新しい国際化機能を導入  |  Blog  |  Chrome for Developers

    CSS テキスト モジュール レベル 4 の 4 つの新しい国際的な CSS 機能が Chrome に導入されます。この投稿では、すでにリリース済みの製品と、間もなく提供予定の製品について説明します。 Chrome 119 以降: word-break: auto-phrase での日語のフレーズ改行。 Chrome 120 のフラグの背後: text-autospace プロパティによるスクリプト間のスペース。 開発中: text-spacing-trim プロパティを使用した中国語、日語、韓国語(CJK)の句読点カーニング。 言語間で最小フォントサイズを統一します。 日語のフレーズの改行: word-break: auto-phrase 日語の読みやすさを向上させるこの機能(Chrome 119 以降) 中国語や日語など東アジアの一部の言語では、単語を区切るためにスペースを使

    ayoshh
    ayoshh 2023/12/07
  • Chrome for Testing: reliable downloads for browser automation  |  Blog  |  Chrome for Developers

    Today we’re happy to announce Chrome for Testing, a new Chrome flavor that specifically targets web app testing and automation use cases. This article explains why the Chrome team felt this was needed, and walks through concrete examples where Chrome for Testing might benefit you as a developer. Background Browser testing is a vital component of creating a high-quality web experience, regardless o

    ayoshh
    ayoshh 2023/06/13
  • Getting Started with Style Queries  |  CSS and UI  |  Chrome for Developers

    This means that we have even more logical control of styles in CSS, and enables better separation of an application’s logic and data layer from its styles. The CSS Containment Module Level 3 spec, which covers size and style queries, allows for any styles to be queried from a parent, including property and value pairs such as font-weight: 800. However, in the rollout of this feature, style queries

    ayoshh
    ayoshh 2023/03/06
  • 1