Collecting tips using Chrome. More #ChromeTips.
Open chrome://settings/content/notifications, then
"Sites can ask to send notifications" -> off
Cmd+Shift+T
Open chrome://settings/searchEngines
and add a new search engine like following:
The Search engine name does not matter, the keyword is the shortcut.
When you type twi
in URL bar, it automatically goes to your designated page! 💨
In this case, go to https://twitter.com/
.
https://developers.google.com/web/updates/2017/04/devtools-release-notes#screenshots
Awesome Chrome Dev Tools tip of the day: How to screenshot specific elements.
— Kane Jamison 🍍 (@KaneJamison) September 4, 2018
🔍 Find a page element in Inspect
2⃣ Type CTRL + SHIFT + P
3⃣ Type "node screenshot" and click on the "Capture Node Screenshot" result.
That specific DIV or element will download as a PNG. pic.twitter.com/naLYyaYG37
https://web.dev/remove-unused-code/
https://twitter.com/addyosmani/status/1091236845248073733
Use Firefox.
Fn + Shift + Backspace
chrome://flags/#allow-insecure-localhost
chrome://serviceworker-internals/
queryObjects(Promise)
queryObjects(HTMLElement)
queryObjects(function_name)
Another useful tip for memory debugging (not mentioned in the article) is `queryObjects(SomeConstructor)`, which can be used from the DevTools Console: https://t.co/hBIje4Q8Fd https://t.co/LCwR0CBRnp pic.twitter.com/3JZIXafSmF
— Mathias Bynens (@mathias) February 22, 2020
Tip: @ChromeDevTools supports Network request blocking. Block URLs & domains to measure their impact on your site.
— Addy Osmani (@addyosmani) February 26, 2020
DevTools > top-right menu > More tools > Request blocking pic.twitter.com/qn28Bhf8tq
In the devtools console (Option + ⌘ + J), press F1, then check off "Show What's New after each update".
Credits to @sj26.