ChromeDev Tools
Wish I knew this tips, it's a small thing but can make huge impact on development.
Run Command
After inspect element, to show commands. There are a lot of predefined commands to try like screenshot ( now I don't need an extension ), disable javascript / cache etc
ctrl+shift+p
![](https://www.fedrianto.com/content/images/2021/08/image-4.png)
$_ Reference previous operation
in the Console, we can use the magic variable $_ to reference the result of the previous operation.
![](https://www.fedrianto.com/content/images/2021/08/image-5.png)
Resend the XHR request
I would always just refresh the page to do this, this tips would make save time
![](https://www.fedrianto.com/content/images/2021/08/image-6.png)
Monitor page load status
I'll maybe use this on checking page load for SEO
![](https://www.fedrianto.com/content/images/2021/08/image-7.png)
Copy variables
This would faster the process of copying variables.
![](https://www.fedrianto.com/content/images/2021/08/image-8.png)
Table object array
Look how beautiful this is
![](https://www.fedrianto.com/content/images/2021/08/image-10.png)
Shortcut to hide an element
I would just delete to hide an element.
shift + h
![](https://www.fedrianto.com/content/images/2021/08/image-13.png)
Store a DOM element in a global temporary variable
![](https://www.fedrianto.com/content/images/2021/08/image-14.png)