# Browser Dev Tools & Tips - webally.co.za

Look at this video for a whole lot more: https://www.youtube.com/watch?v=TcTSqhpm80Y

# Design Mode

  • Open the console and enter the following JavaScript
document.designMode = 'on'

That will make everything in the browser editable

# Command palette just like VS code

When using the console, press Ctrl + P to open. Then type > to get the list of possible commands just like VS Code

# VisBug Extension

Install the VidBug Chrome extension to style your side without having to know CSS You can find the extension here: https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc?hl=en