DevTools Digest: Film strip and a new home for throttling
DevTools news, as fresh as it gets The first news item in this post is a little meta – it’s this update itself! Every now and then but at least once a month, I’ll summarize what’s happening in the...
View ArticleUsing poster images on plugin content
Several weeks ago, Chrome announced a new content setting that automatically pauses plugin content that it detects to be peripheral to the main content of the site will go live to all users of Chrome...
View ArticleNew Release of Material Design Lite - 1.0.4
Material Design Lite 1.0.3 (and a regression fixing 1.0.4) are out! This release has focused on library, templates, docs and build process fixes. We’ve had over 140 commits from our many contributors...
View ArticleDevTools Digest: Aggregated Timeline Details, Color Palettes and More
It’s been a feature-rich month in Chrome Canary. Read on to learn which third party scripts cause perf issues on your site with the Aggregated Details in Timeline, how to choose consistent colors with...
View ArticleUsing requestIdleCallback
Many sites and apps have a lot of scripts to execute. Your JavaScript often needs to be run as soon as possible, but at the same time you don’t want it to get in the user’s way. If you send analytics...
View ArticleUsing the web app manifest to create a solid color loading screen
When you launch your web app from the home screen a number of things happen behind the scenes: Chrome needs to launch. The renderer that displays the page needs to start up. Your site needs to loaded...
View ArticleInstallable Web Apps with the WebApp Manifest in Chrome for Android
Note: This article is pretty old now and a deeper version of the guidance is available in our Device Access section. For Web Apps to be successful they need to work as the user would expect an native...
View ArticleUsing the web app manifest to specify a site wide theme colour
Chrome introduced the concept of a theme color for your site in 2014. The theme color is a hint from your web page that tells the browser what color to tint UI elements such as the address bar. For...
View ArticleAutomating resource selection with Client Hints
Building for the web gives you unparalleled reach. Your web application is a click away and available on most every connected device—smartphone, tablet, laptop and desktop, TV, and more—regardless of...
View ArticleRolling out Public Key Pinning with HPKP Reporting
Using SSL on your site is an important way to preserve security and privacy for your users. But enabling SSL isn’t the end of the story: there are many steps you can take to further enhance the...
View ArticleTab Discarding in Chrome: a Memory-Saving Experiment
Reducing Chrome’s memory footprint is one of the team’s top priorities this year. We’ve already seen up to a 45% reduction in GMail’s memory usage thanks to improvements in V8’s garbage collection...
View ArticleHistory API: Scroll Restoration
Using the History API to manage your URLs is awesome and, as it happens, a crucial feature of good web apps. One of its downsides, however, is that scroll positions are stored and then, more...
View ArticleWeb Animations - element.animate() is now in Chrome 36
Note: This article has been updated for the latest naming in Web Animations. Animation on the web was once the province of JavaScript, but as the world moved to mobile, animations moved to CSS for the...
View ArticleWeb Animations Playback Control in Chrome 39
Note: This article has been updated for the latest naming in Web Animations. Earlier in 2014, Chrome 36 landed the element.animate method as a part of the broader Web Animations spec. This allows for...
View ArticleUpdates to the service worker cache API
I’ve been asked to write this post on a fairly minor update to the service worker cache API. I didn’t think it warranted its own article, but after a long debate that eventually came down to a game of...
View ArticleThe EME Logger extension
img, video { max-width: 100%; } Do you use Encrypted Media Extensions? If so, you may be interested in EME Logger: a Chrome extension from Google that logs EME events and calls to the DevTools console...
View ArticleUsing requestIdleCallback
Many sites and apps have a lot of scripts to execute. Your JavaScript often needs to be run as soon as possible, but at the same time you don’t want it to get in the user’s way. If you send analytics...
View ArticleMediaStream Deprecations
If you work with getUserMedia() or WebRTC, you may need to adjust your code for Chrome 45 and later. The MediaStream API represents synchronized streams of media. For example, a stream taken from...
View Article