DEVELOPERS.md

Manual Install

Here is how to install this browser extension in your favorite browsers:

Add to Google Chrome

1. Download Webkit Extension
2. Click Keep when prompted to download the file
3. Go to the following URL in a new Google Chrome tab: chrome://extensions
4. In the top right corner, Enable Developer Mode
5. Drag and Drop ./dist/sfcc-devtools-webkit.crx file into Extension page

Add to Firefox

1. Download Firefox Addon
2. Open Firefox
3. Go to the following URL in a new tab: about:debugging#/runtime/this-firefox
4. In the top right corner, Click Load Temporary Add-on...
5. Select the ./dist/sfcc-devtools-firefox.zip file

Add to Opera

1. Download Webkit Extension
2. Go to the following URL in a new Opera tab: chrome://extensions
3. In the top right corner, Enable Developer Mode
4. Drag and Drop ./dist/sfcc-devtools-webkit.crx file into Extension page
5. Select Yes, Install when prompted

Developers

Here is how to develop the browser extension on your local developer machine:

Build Extension

git clone git@github.com:sfccdevops/sfcc-devtools.git
cd sfcc-devtools
npm install
npm run pack

Load Unpacked Extension to Google Chrome

1. Open Google Chrome
2. Go to the following URL in a new tab: chrome://extensions
3. In the top right corner, Enable Developer Mode
4. Click the LOAD UNPACKED link in the header
5. Select the ./src folder

Load Temporary Add-on to Firefox

1. Open Terminal in project root and run npm run pack:firefox
2. Open Firefox
3. Go to the following URL in a new tab: about:debugging
4. Select Enable add-on debugging checkbox
5. In the top right corner, Click Load Temporary Add-on
6. Select the ./dist/sfcc-devtools-firefox.zip file

Load Unpacked Extension to Opera

1. Open Google Chrome
2. Go to the following URL in a new tab: chrome://extensions
3. In the top right corner, Enable Developer Mode
4. Click the Load Unpacked button
5. Select the ./src folder

Pack Extensions

cd sfcc-devtools
npm run pack