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

In general, caching can improve performance by storing data so future requests for the same data are served faster. For example, a cached resource from the network can avoid a round trip to the server. A cached computational result can omit the time to do the same calculation. In Chrome, the cache mechanism is used in various ways and HTTP Cache is one example. How Chrome's HTTP Cache currently wo

Puppeteer and its approach to selectors Puppeteer is a browser automation library for Node: it lets you control a browser using a simple and modern JavaScript API. The most prominent browser task is, of course, browsing web pages. Automating this task essentially amounts to automating interactions with the webpage. In Puppeteer, this is achieved by querying for DOM elements using string-based sele

Chrome 67 on desktop has a new feature called Site Isolation enabled by default. This article explains what Site Isolation is all about, why it’s necessary, and why web developers should be aware of it. What is Site Isolation? The internet is for watching cat videos and managing cryptocurrency wallets, amongst other things — but you wouldn’t want fluffycats.example to have access to your precious

TL;DR CSS now has a proper object-based API for working with values in JavaScript. el.attributeStyleMap.set('padding', CSS.px(42)); const padding = el.attributeStyleMap.get('padding'); console.log(padding.value, padding.unit); // 42, 'px' The days of concatenating strings and subtle bugs are over! Introduction Old CSSOM CSS has had an object model (CSSOM) for many years. In fact, any time you read

洗練されたユーザー エクスペリエンスを提供するには、ユーザーが 認証を行います。認証されたユーザーは 専用のプロファイルを使用して相互にデータを同期したり、デバイス間でデータを同期したり、データを処理する できます。その数は今も増え続けています。しかし 作成、記憶、入力 エンドユーザーにとってパスワードが煩雑になりがち（特にモバイル画面の場合） 別のサイトで同じパスワードを使い回してしまいます。もちろんこれは セキュリティ上のリスクとなります。 Chrome の最新バージョン（51）は Credential Management API をサポートしています。Google 標準トラッキング プロポーザルであり、デベロッパーが ユーザーのログインを容易にします。 Credential Management API とは何ですか？ Credential Management API を使用する