Detecting if a web app is launched from the home screen
During the past year we have focused on enabling users to build app like experiences on the web by making it possible for apps to work offline using Service Worker and to get a presence on the...
View ArticleNotification requireInteraction — A smoother notification UX on desktop
We’ve learnt a lot since Notifications and Push Messaging landed in the Chrome. One specific piece of feedback about Desktop class devices was that notifications would stay around and visible on the...
View ArticleManage the triggering of Touch to Search
Touch to Search launched in June of 2015 on Chrome 43 for most Android phones. When the user taps text on any page in Chrome, the word is selected along with relevant surrounding text. The search term...
View ArticleImproved DOM breadcrumbs
Did you know the Elements Panel has a Breadcrumb trail? It can help you trace your steps when you navigate the DOM. In Canary, you can enable the Material Design experiment. A few nice things: The...
View ArticleWeb Animations Resources
The Web Animations API provides powerful primitives to describe imperative animations from JavaScript - but what does that mean? Find out about the resources available to you, including Google’s demos...
View ArticleDevTools Digest: Efficient element edits, Service Worker debugging, and...
Use the DOM panel’s new context menu to efficiently edit nodes. Debug services workers directly via the Resources panel. Choose from all of the Material Design shades in the colorpicker. Blackbox JS...
View ArticleInstant Loading Web Apps With An Application Shell Architecture
Progressive Web Apps (PWAs) describe how a web app can progressively change with use and user consent to give the user a more native-app-like experience with offline support, push notifications and...
View ArticleDevTools Digest (CDS Edition): A glimpse into the future + RAIL Profiling
Learn how DevTools is going mobile first with a new, streamlined Device Mode that’s always on. Use the color buttons to quickly add colors to your selectors and find out what’s coming to DevTools...
View ArticleChrome 47 WebRTC: media recording, secure origins & proxy handling
Chrome 47 includes several significant WebRTC enhancements and updates. Record video from your web apps The MediaStreamRecorder API has long been the top chromium.org request, with over 2500 stars....
View ArticleIntroducing Background Sync
Background sync is a new web API that lets you defer actions until the user has stable connectivity. This is useful for ensuring that whatever the user wants to send, is actually sent. The problem The...
View ArticleSecurity Panel debuts in Chrome DevTools
The Chrome Security team has been hard at work to realize a future without HTTP, a future where you and your users can be reasonably sure that whatever data you’re sending to the web stays between you...
View ArticleGoogle Cast for Chrome on Android
img.screenshot { max-width: 360px; } @media screen and (max-width: 500px) { img.screenshot { max-width: 100%; } } Imagine being able to use a web app from your phone to present a slide deck to a...
View ArticleInput Device Capabilities
Chrome 47 has a new feature that makes it easier to understand the how users interact with your site: InputDeviceCapabilities! Let’s step back a bit and learn why this is important. DOM input events...
View ArticleDevTools Digest: Tab reordering, Console is #2 and framework event listeners
Re-order DevTools tabs which ever way suits you best; see exactly where framework events were bound and block network requests to see which third party scripts slow you down. Better Panel Navigation:...
View ArticleAdding a Splash screen for installed web apps in Chrome 47
Over the past year we have focused on letting developers build sites and apps that feel like they are installed on the user’s system: service worker for letting you easily build offline first...
View ArticleDetecting if a web app is launched from the home screen
During the past year we have focused on enabling users to build app like experiences on the web by making it possible for apps to work offline using service worker and to get a presence on the home...
View ArticleNotification requireInteraction — A smoother notification UX on desktop
We’ve learnt a lot since Notifications and Push Messaging landed in Chrome. One specific piece of feedback about Desktop-class devices was that notifications would stay around and visible on the...
View ArticleManage the triggering of Touch to Search
Touch to Search launched in June of 2015 on Chrome 43 for most Android phones. When the user taps text on any page in Chrome, the word is selected along with relevant surrounding text. The search term...
View ArticleWeb Animations Resources
The Web Animations API provides powerful primitives to describe imperative animations from JavaScript - but what does that mean? Find out about the resources available to you, including Google’s demos...
View ArticleDevTools Digest: Efficient element edits, service worker debugging, and...
Use the DOM panel’s new context menu to efficiently edit nodes. Debug services workers directly via the Resources panel. Choose from all of the Material Design shades in the colorpicker. Blackbox JS...
View Article