Paint Holding - reducing the flash of white on same-origin navigations | Blog | Chrome for Developers
For a while now, Chrome has eagerly cleared the screen when transitioning to a new page to give users the reassurance that the page is loading. This "flash of white" is this brief moment during which the browser shows a white paint while loading a page. This can be distracting in-between navigations, especially when the page is reasonably fast in reaching a more interesting state. But for pages th
New in Chrome 73 | Blog | Chrome for Developers
In Chrome 73, we've added support for: Creating portable content easier with signed HTTP exchanges. Dynamically changing styles becomes way easier with constructable style sheets. Support for Progressive Web Apps arrives for on Mac, bringing support for PWAs to all desktop and mobile platforms, making it easy to create installable apps, delivered through the web. And there's plenty more! I'm Pete
Signed HTTP Exchanges | Web | Google Developers
Signed HTTP Exchange (or "SXG") is a subset of the emerging technology called Web Packages, which enables publishers to safely make their content portable, i.e. available for redistribution by other parties, while still keeping the content’s integrity and attribution. Portable content has many benefits, from enabling faster content delivery to facilitating content sharing between users, and simple
Know your code health with the `ReportingObserver` API - Chrome for Developers
Know your code health with the ReportingObserver API Find deprecated APIs in your production apps. Published on Wednesday, August 21, 2019 • Updated on Wednesday, May 27, 2020 Eric BidelmanEngineer at Google working on web tooling: Headless Chrome, Puppeteer, Lighthouse ReportingObserver lets you know when your site uses a deprecated API or runs into a browser intervention. The basic functionality
Page Lifecycle API | Web Platform | Chrome for Developers
Modern browsers today will sometimes suspend pages or discard them entirely when system resources are constrained. In the future, browsers want to do this proactively, so they consume less power and memory. The Page Lifecycle API provides lifecycle hooks so your pages can safely handle these browser interventions without affecting the user experience. Take a look at the API to see whether you shou
PWACompat - the Web App Manifest for all browsers | Blog | Chrome for Developers
You've designed a web app, wrote its code and service worker, and finally added the Web App Manifest to describe how it should behave when 'installed' on a user's device. This includes things like high-resolution icons to use for e.g. a mobile phone's launcher or app switcher, or how your web app should start when opened from the user's home screen. And while many browsers will respect the Web App
Beyond SPAs - alternative architectures for your PWA | Blog | Chrome for Developers
Let's talk about... architecture? I'm going to cover an important, but potentially misunderstood topic: The architecture that you use for your web app, and specifically, how your architectural decisions come into play when you're building a progressive web app. "Architecture" can sound vague, and it may not be immediately clear why this matters. Well, one way to think about architecture is to ask
Enabling Strong Authentication with WebAuthn | Identity | Chrome for Developers
The problem Phishing is the top security problem on the web: 81% of hacking-related account breaches last year leveraged weak or stolen passwords. The industry's collective response to this problem has been multi-factor authentication, but implementations are fragmented and most still don't adequately address phishing. We have been working with the FIDO Alliance since 2013 and, more recently, with
What's New In DevTools (Chrome 67) | Blog | Chrome for Developers
New features and major changes coming to DevTools in Chrome 67 include: Search across all network headers CSS variable value previews in the Styles pane Copy as fetch New audits, desktop configuration options, and viewing traces Stop infinite loops User Timing in the Performance tabs JavaScript VM instances clearly listed in the Memory panel The Network tab in the Sources panel has been renamed to
New in Chrome 64 | Blog | Chrome for Developers
Support for ResizeObservers, will notify you when an element's content rectangle has changed its size. Modules can now access to host specific metadata with import.meta. The pop-up blocker gets strong. window.alert() no longer changes focus. And there's plenty more! I'm Pete LePage. Let's dive in and see what's new for developers in Chrome 64! Want the full list of changes? Check out the Chromium
New in Chrome 63 | Blog | Chrome for Developers
Chrome 63 allows you to import JavaScript modules dynamically. My favorite interview coding question becomes a piece of cake with async iterators and generators. You can override the browser's default overflow scroll behavior with the CSS overscroll-behavior property. And we've changed the way users are prompted for permission requests And there's plenty more! I'm Pete LePage. Let's dive in and se
What's New In DevTools (Chrome 64) | Blog | Chrome for Developers
Welcome back! New features coming to DevTools in Chrome 64 include: Performance Monitor. View a page's performance in real-time. Console Sidebar. Reduce Console noise and focus on the messages that are important to you. Group similar Console messages. The Console now groups similar messages together by default. Read on, or watch the video version of these release notes below. Performance Monitor U
Strategies for service worker caching | Workbox | Chrome for Developers
Until now, there have only been mentions and tiny code snippets of the Cache interface. To use service workers effectively, it's necessary to adopt one or more caching strategies, which requires a bit of familiarity with the Cache interface. A caching strategy is an interaction between a service worker's fetch event and the Cache interface. How a caching strategy is written depends; for example, i
Overview of CrUX | Chrome UX Report | Chrome for Developers
The Chrome User Experience Report (also known as the Chrome UX Report, or CrUX for short) is a dataset that reflects how real-world Chrome users experience popular destinations on the web. CrUX is the official dataset of the Web Vitals program. All user-centric Core Web Vitals metrics are represented. CrUX data is collected from real browsers around the world, based on certain browser options whic
Lighthouse 2.5 updates - Chrome for Developers
Lighthouse 2.5 updates Published on Tuesday, October 17, 2017 • Updated on Tuesday, October 17, 2017 Lighthouse 2.5 is now released! Highlights include: chrome-launcher available as a standalone Node module.Five new audits.A new throttling guide for advanced audiences.See the release notes for the full list of new features, changes, and bug fixes coming to Lighthouse in version 2.5. # chrome-launc
New in Chrome 62 | Blog | Chrome for Developers
Chrome 62 makes the network information API more useful by providing actual performance metrics instead of theoretical results. Support for OpenType variable fonts has landed. You can capture media streams from HTML Media elements. I've got a special reminder about an important change that's landing in Chrome 62. And there's plenty more! I'm Pete LePage. Let's dive in and see what's new for develo
Abortable fetch | Blog | Chrome for Developers
The original GitHub issue for "Aborting a fetch" was opened in 2015. Now, if I take 2015 away from 2017 (the current year), I get 2. This demonstrates a bug in maths, because 2015 was in fact "forever" ago. 2015 was when we first started exploring aborting ongoing fetches, and after 780 GitHub comments, a couple of false starts, and 5 pull requests, we finally have abortable fetch landing in brows
Picture-in-Picture (PiP) | Blog | Chrome for Developers
Since April 2017, Chrome for Android O supports Picture-in-Picture. It allows users to play a <video> element in a small overlay window that isn't blocked by other windows, so that they can watch while doing other things. Here's how it works: open Chrome, go to a website that contains a video and play it fullscreen. From there, press the Home button to go to your Android Home Screen and the playin
New in Chrome 61 | Blog | Chrome for Developers
Chrome 61 now supports JavaScript modules natively, unifying the way modular JavaScript can be written. You can now use navigator.share to trigger the native Android share dialog. The WebUSB API has landed, allowing web apps to access user permitted USB devices. And there's plenty more! Want the full list of changes? Check out the Chromium source repository change list. I'm Pete LePage. Let's dive
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
An update on better ads | Blog | Chrome for Developers