![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![Five tricks to use in the Console Panel](https://developer.chrome.com/static/blog/5-tricks-to-use-in-the-console-panel/image/five-tricks-use-the-con-8761fd951de65.gif)

## Use the inspect() command to jump straight to a passed-in DOM node

```javascript
inspect($('p'))
```

## Use the copy() command to copy text to your clipboard

```javascript
copy(Object.keys(window))
// stores ["top", "window", "location", "external"... and so on
```

## Style your console output

```javascript
console.log('%cHello world', 'font-size:40px;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);');
```

## Get the values of an object

```javascript
values({
    one: 1,
    two: 2,
    three: 3
})

// logs [1, 2, 3]
```

## Clear the console

`Cmd + K` (Ctrl + L on Windows)