Using Google Chrome, for Webflow

Chrome Profiles

No items found.
Overview
Using Chrome Efficiently
Google Chrome Hotkeys
101
Chrome's Bookmarks Bar
103
Searching Tabs
104
Chrome Profiles
105
Expanding Chrome
Chrome Browser Extensions
201
Chrome's Custom Search
Int
7:46
204
Chrome DevTools
Chrome DevTools
401
Performance Testing
800
Advanced
Advanced Chrome Dev
900
No items found.

Choosing the right browser for your Webflow development depends on a number of factors;

  • What's popular- specifically what your clients will be using.
  • What you find personally comfortable and usable.
  • Designer support;
  • > Ability to see the structure of your page and CSS
  • Optimization support;
  • > Ability to see the performance of your site, where it has issues and where it can be improved
  • Developer support;
  • > Ability to see console script logs, and to set breakpoints

Often these different types of work benefit from the use of separate Chrome Profiles. Each Chrome Profile is separate in;

  • Separate add-ons configuration
  • Separate Chrome configuration
  • Completely different homepage, bookmarks, custom search, etc.
  • Visual styling, so you can tell them apart
  • Toolbar icon, at the bottom of your desktop

Running Multiple Profiles Simultaneously

When you do this regularly, sometimes you want to customize the behavior of your system. Here are some notes I'm experimenting with.

Force system links to open in a specific Chrome instance

I have a "main" Chrome instance that I do 90% of my work, and then a separate instance for lighthouse and SEO work, and another separate instance for all of my AI tools.

Ideally all OS clicks to e.g. https:// links in an email, or on a desktop shortcut, would open in a my main Chrome instance only.

We should be able to configure that through the shell command;

  • In the Chrome instance you want, open the link;
    chrome://version/
  • > Look for the Profile Path, and the last part of it, after \User Data\. In my case, it's Default.
  • Open the registry editor regedit.exe
  • > Navigate to the key HKEY_CLASSES_ROOT\https\shell\open\command
  • > Get the value of this key, e.g.
    "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -- "%1"
  • > Insert your profile name, e.g. --profile-directory="Default"

The final registry value you edit will look something like this;

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --profile-directory="Default" -- "%1"

Save that back to the registry.

If this works for you, make sure to do for http as well, if you use it.

Coming soon

Chrome Profiles

https://www.notion.so/coachmike/Using-Chrome-Profiles-to-your-Advantage-4c7394405a424a729b469bc368ba5e5b

Dev profile

Personal/Work

Project-specific

Special profiles

WHAT'S DIFFERENT BETWEEN PROFILES 

Addons

Color

Bookmarks

? configuration behaviors 

? search engine configurations 

How and whether they sync to other PC's and your laptop

Sync affects - passwords, Bookmarks, history, add-ons 

ADDONS

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.