What's New In DevTools (Chrome 63)
Multi-client remote debugging, push notifications with custom data, and Workspaces 2.0.
Disabling hardware noise suppression
Chrome 64 can experimentally disable hardware noise suppression when using the WebRTC echo canceller, to improve audio quality.
An update on Better Ads
Yesterday, the Coalition for Better Ads announced the "Better Ads Experience Program." This Program provides guidelines for companies on how they can use the Better Ads Standards to help improve users' experience with ads on the web.
Chrome 64 to deprecate the chrome.loadTimes() API
The non-standard chrome.loadTimes() API will be deprecated in Chrome 64 now that standards-based equivalents exist for all of its useful features.
Chrome User Experience Report: expanding to top 1 Million+ origins
Today, we’re announcing a new Chrome User Experience Report with expanded coverage of over 1 million top origins on the web.
Deprecations and removals in Chrome 64
A round up of the deprecations and removals in Chrome 64 to help you plan. In this version, performance API changes, removal of support for multiple shadow roots, and removal of a WebKit API.
Lighthouse 2.6 Updates
New performance audits, a rehaul of the accessibility score, report UX improvements, and bug fixes.
Audio/Video Updates in Chrome 63/64
Predictable media playback, HDR on Windows 10, offline playback with persistent licenses, and more are waiting for you in Chrome 64.
The Device Memory API
The Device Memory API allows developers to serve different resources to users based on their device's memory capabilities.
New in Chrome 63
What's New In DevTools (Chrome 64)
Performance Monitor, Console Sidebar, and Console groupings.
import() introduces a new function-like form of
import that unlocks new capabilities compared to static
import. This article compares the two and gives an overview of what's new.
Take control of your scroll: customizing pull-to-refresh and overflow effects
The CSS overscroll-behavior property allows developers to override the browser's overflow scroll effects when reaching the top/bottom of content. It can be used to customize or prevent the mobile pull-to-refresh action.
Removing ::shadow and /deep/ in Chrome 63
Say goodbye to shadow-piercing CSS selectors.
Using Trusted Web Activity
Trusted Web activities are a new way to integrate your web-app content such as your PWA with your Android app using a similar protocol to Chrome Custom Tabs.
Deprecations and removals in Chrome 63
A round up of the deprecations and removals in Chrome 63 to help you plan. In this version, new behavior on interface properties, removal of a webkit function, and a change to
Exceeding the buffering quota
There are several ways to deal with
Promise.prototype.finally allows registering a callback to be invoked when a promise is settled.
Lighthouse 2.5 Updates
Five new audits, the chrome-launcher standalone Node module, and a new throttling guide.
New in Chrome 62
Chrome 62 improves the network information API with network quality indicators, support for OpenType Variable Fonts has landed and you can now capture and process media streams from HTMLMediaElements with the Media Capture from DOM elements API.
Animating a Blur
A few tricks are necessary to animate a blur efficiently.
The Intl.PluralRules API
Intl.PluralRules API enables performant internationalized pluralizations.
Aborting fetches using a new web primitive – The abort controller
WebVR changes in Chrome 62
Learn about what is changing in the WebVR API
An event for CSS position:sticky
position: sticky and
IntersectionObserver together to determine when elements become sticky. Apply scroll effects without scroll events!
Sensors For The Web!
Sensors are used in many native applications to enable advanced features. Wouldn't it be nice to bridge the gap between native and the web? You can do it with Generic Sensor API, which is enabled by default in Chrome 67 or later.
Deprecations and Removals in Chrome 62
A round up of the deprecations and removals in Chrome 62 to help you plan. In this version, more restrictions on insecure origins and a change to the shadow-piercing descendant combinator.
Autoplay Policy Changes
Learn best practices for good user experiences with the new autoplay policies in Chrome, coming April 2018.
Audio/Video Updates in Chrome 62
Offline playback with persistent licenses and Widevine L1 on Android, video track optimizations, automatic video fullscreen when device is rotated, customizable seekable range on live MS streams, FLAC in MP4 with MSE are here!
Picture In Picture (PiP)
Let's discuss a Web API that would allow websites to create a floating video window over the desktop
Introducing the Web Share API
Sharing is caring. Web Share is now available in Chrome 61 for Android, and allows websites to invoke the native sharing capabilities of the host platform.
New in Chrome 61
The visual viewport API gives you details on how the user zooms and scrolls around your page.
What's New In DevTools (Chrome 62)
Top-level await operators in the Console, new screenshot workflows, CSS Grid highlighting, and more.
Deprecations and Removals in Chrome 61
A round up of the deprecations and removals in Chrome 61 to help you plan. In this version, more restrictions on insecure origins and a change to the shadow-piercing descendant combinator.
Estimating Available Storage Space
navigator.storage.estimate() gives you insight into your web app's storage constraints.
Audio/Video Updates in Chrome 61
Background video track optimizations and automatic video fullscreen when device is rotated are here!
New in Chrome 60
With Chrome 60, you can now measure time to first paint and time to first contentful paint with the Paint Timings API. You can control how fonts are rendered with the font-display CSS property. WebAssembly has landed and there's plenty more!
What's New In DevTools (Chrome 61)
New features and changes coming to DevTools in Chrome 61.
Upcoming Regular Expression Features
Aligned Input Events
Providing a smooth user experience is important for the web. Over the past few releases of Chrome we have driven down input latency across these devices.
Supercharged Live Stream Blog: Code Splitting
“Code splitting” and “route-based chunking” are some of the new buzzwords in web development. But what do they mean and how can you implement them?
DOMException: The play() request was interrupted
What is really happening with "DOMException: The play() request was interrupted"?
Automated testing with Headless Chrome
How to setup Karma, Mocha+Chai, and Travis to run automated tests on Headless Chrome.
Latest Updates to the Credential Management API
Latest updates coming to the Credential Management API in Chrome 60. Also includes an update landed in Chrome 57.
Deprecations and Removals in Chrome 60
A round up of the deprecations and removals in Chrome 60 to help you plan. In this version, security improvements, further webkit deprecations, and more.
Introduction to the Budget API
The Budget API allows developers to perform background actions without notifying users, enabling use cases like silent push.
Object rest and spread properties
New in Chrome 59
With Chrome 59, you can run Chrome in an automated environment without a user interface or peripherals; notifications on macOS are shown directly by the native macOS notification system; you can now capture full resolution photos with the image capture API, and there’s plenty more!
What's New In DevTools (Chrome 60)
New features and changes coming to DevTools in Chrome 60.
Deprecations and Removals in Chrome 59
A round up of the deprecations and removals in Chrome 59 to help you plan.
Detect if your Native app is installed from your web site
Is your native app already installed? getInstalledRelatedApps is your friend.
Getting Started with Headless Chrome
Headless Chrome (shipping in Chrome 59) is a way to run the Chrome browser in a headless environment. It brings all modern web platform features provided by Chromium and the Blink rendering engine to the command line.
Moving to the Native Notification System on macOS
As of Chrome 59, notifications will be displayed native notifications on macOS.
New in Chrome 58
With Chrome 58, Progressive Web Apps are more immersive with display: fullscreen. IndexedDB 2.0 is now supported and sandboxed iFrames get more options. Pete LePage has all the details and how you can use these new developer features in Chrome 58.
What's New In DevTools (Chrome 59)
New features and changes coming to DevTools in Chrome 59.
Building performant expand & collapse animations
When making expand and collapse effects you can use scale transforms to keep your UI performant.
CSS Deep-Dive: matrix3d() For a Frame-Perfect Custom Scrollbar
Custom transform matrices allow you to build frame-perfect custom scrollbars.
Audio/Video Updates in Chrome 58
Media controls customization, Autoplay for Progressive Web Apps added to the home screen, pause the autoplaying of muted video when invisible, and color-gamut media query are there!
We'll Cross the (Media) Streams, Ray
Today, when using Media Source Extensions (MSE) in Chrome, it's not possible to switch between encrypted and clear streams. Starting in Chrome 58, all this changes.
Deprecations and Removals in Chrome 58
A round up of the deprecations and removals in Chrome 58 to help you plan.
Background Tabs in Chrome 57
Background tabs can have a dramatic negative effect on battery life. Chrome 57 brings new power saving changes to background tab behavior by throttling timers if a page is using too much CPU.
New in Chrome 57
With Chrome 57, you can now use
display: grid for grid based layouts, use the media session API to customize the lock screen and notifications with information about the media being played, and more. Pete LePage has all the details and how you can use these new developer features in Chrome 57!
What's New In DevTools (Chrome 58)
New features and changes coming to DevTools in Chrome 58.
Speed up Service Worker with Navigation Preloads
Navigation preload lets you overcome service worker startup time by making requests in parallel.
Lighthouse January 2017 update
What's new in Lighthouse 1.5. New audits, extension updates, Performance Experiment, online Viewer features, and UI tweaks.
Customize Media Notifications and Handle Playlists
Finally! We can customize web media notifications (title, artist, album name, artwork) and respond to media related events such as seeking or track changing with the new Media Session API.
API Deprecations and Removals in Chrome 57
A round up of the deprecations and removals in Chrome to help you plan.
Changes in the Payment Request API
In Chrome, there are updates to the Payment Request API following the spec changes. Learn what they are and make changes to your own implementation.
CSS Grid – Table layout is back. Be there and be square.
CSS Grid Layout makes creating two dimensional grid based layouts easy. It's been in development for over 5 years, but is now available in Chrome and coming to other browsers soon. Let's take a peek at what's new and how you can use it on your sites!
New In Chrome 56
With Chrome 56, web apps can now communicate with nearby Bluetooth Low Energy devices using the Web Bluetooth API. CSS
position: sticky; is back - making it easy to create elements that scroll normally until sticking to the top of the viewport. And HTML5 by Default is enabled for all users.
Making touch scrolling fast by default
Scrolling responsiveness is critical to the user's engagement with a website on mobile, yet touch event listeners often cause serious scrolling performance problems. Learn how we are helping users and developers to be fast by default.
Web Components v1 - the next generation
Web Components are gaining cross-browser support, the community is growing in leaps and bounds, and there’s a brand-new Web Component catalog to find exactly the component you need.