DEV Community

loading...

Ways to create a new Chrome instance without CORS [macOS]

munkacsimark profile image Márk Munkácsi ・2 min read

This tutorial is mainly for macOS users, but the command line stuff can be useful for everyone.😊

When you need to test your code in Chrome with default settings and without extensions, the --user-data-dir argument will be your friend. There is another flag for disable CORS: --disable-web-security. Before running the command, you might kill all Chrome instances.

From command line

Open your Terminal app and just run the following.

$ open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir=/tmp/chrome_dev_test --disable-web-security
Enter fullscreen mode Exit fullscreen mode

A new Application

On macOS you can easily create an Automator app, so open it, create a New Document then select the Application.
Screenshot from Automator app
After that, search for the Run Shell Script action and put the bash script from previous section inside it. Then save it with ⌘S.
Screenshot from Automator app

From Visual Studio Code debugger

First of all you need the Debugger for Chrome extension. In debug menu (⇧⌘D) add a new configuration with Chrome target. Here you can set your localhost port and add new fields. In the configurations field should be the following. Then just save it and run it.🚀

{
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome against localhost",
  "url": "http://localhost:8080",
  "webRoot": "${workspaceFolder}",
  "userDataDir": "/tmp/chrome_dev_test",
  "runtimeArgs": ["--disable-web-security"],
  "sourceMaps": true
}
Enter fullscreen mode Exit fullscreen mode

Follow me here or on Twitter for random dev stuff like this.😁

Discussion (1)

pic
Editor guide
Collapse
gitsobek profile image
Piotr Sobuś

Thank you very much!