/dev tips

(132) Storage Editing and filtering CSS Tracker Enhancements (134)

Chrome DevTools: Enhanced autocomplete features in the Console Panel

10 February 2017
Enhanced autocomplete features in the Console Panel

The auto-completion/auto-suggestion feature in Canary has received some nice upgrades.

  1. Suggestion Subtitles shows the type of item in the autosuggest box (e.g. Window, Object, <Class Name>).
  2. Autocomplete now works from the middle of a line.
  3. The Map() object now works well with autocomplete. Here's an example you can try in Canary:

// Create a map

map = new Map();
map.set('hello', 'world');
map.set('animal', 'cat');
map.set('number', 42);

// Now type

map.get(

// And observe the autosuggest values you can select

map.get("animal")
map.get("hello")
map.get("number")

Update: Network Throttling Profiles is in Chrome Stable!

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.