Quantcast
Channel: Updates
Browsing all 599 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Rolling 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 Article


Image may be NSFW.
Clik here to view.

Tab 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 Article


Image may be NSFW.
Clik here to view.

Automating 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 Article

Image may be NSFW.
Clik here to view.

History 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 Article

Image may be NSFW.
Clik here to view.

Updates 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 Article


Image may be NSFW.
Clik here to view.

The EME Logger extension

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 along with debugging...

View Article

Image may be NSFW.
Clik here to view.

navigator.mediaDevices()

Modern browsers make it possible to select input and output devices including cameras, microphones and speakers. For example: On a phone, select the front or rear-facing camera. On a laptop, choose...

View Article

Image may be NSFW.
Clik here to view.

Input 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 Article


Image may be NSFW.
Clik here to view.

DevTools 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 Article


Image may be NSFW.
Clik here to view.

Adding 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 Article

Image may be NSFW.
Clik here to view.

Notification 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 Article

Image may be NSFW.
Clik here to view.

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 Article

Image may be NSFW.
Clik here to view.

Improved 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 Article


Image may be NSFW.
Clik here to view.

Live-edit CSS in Sources

Two things: You can edit CSS in the Sources Panel. Changes apply to the page in real time (no save required). Alt + Up to increment numeric values (Alt + Down to decrement).

View Article

Image may be NSFW.
Clik here to view.

A new home for DevTools

You might already have experienced Google’s new one-stop destination for everything web-related from browsing Web Fundamentals, the Showcase or Shows. Today, we are welcoming DevTools to the party and...

View Article


Image may be NSFW.
Clik here to view.

Edit HTML in the Console Panel

The DOM node context menu, which you may recognize from the elements panel, is also present in the console panel. Log a DOM node to the console. Right click on it. Select Edit as HTML or Edit Text....

View Article

Image may be NSFW.
Clik here to view.

Five tricks to use in the Console Panel

Use the inspect() command to jump straight to a passed-in DOM node inspect($('p')) Use the copy() command to copy text to your clipboard copy(Object.keys(window)) // stores ["top", "window",...

View Article


Image may be NSFW.
Clik here to view.

Easily duplicate DOM nodes

These are essentially cut/copy and paste operations. You can easily change the DOM without having to edit the HTML as a giant string. Right click on a node and select Copy. You can paste in your code...

View Article

Image may be NSFW.
Clik here to view.

Using 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 Article

Image may be NSFW.
Clik here to view.

New 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 Article
Browsing all 599 articles
Browse latest View live