Building Chrome Extensions For Salesforce

Lighnting Dev Week – 14 March 2015

Abhinav gupta

Force.com MVP, Architect, & Founder Concretio Apps Pvt. Ltd

@abhinavguptas

Speaker

Post picture here

Agenda

• Overview of Chrome extensions and architecture.

• Chrome Extension use cases for Salesforce.

• Demo + Code walk thru of Salesforce Debug Log

extension.

• Questions.

Do you use Chrome ?

Do you use Chrome Extensions ?

Which one do you use ?

Post picture here

A few chrome extensions which I often use.

• Evernote Web Clipper (most used)

• Clearly

• Chromecast

• Pagespeed

• Hangouts

• Rest Console

• etc

Post picture here

A few popular chrome extensions for Salesforce

Search Salesforce in chrome web store for more info.https://chrome.google.com/webstore/

Chrome Extensions – Basics

They let you enhance Chrome without cloning

source of Chrome browser.

You don’t need C, C++ or other skills.

They are HTML, CSS and Javascript code

(really !!!!).

Good tooling provided to debug and code

extensions.

Its very quick and simple process to distribute

your extensions via Chrome Web Store.

Post picture here

Chrome Extensions - Possibilities

Enough – how can I start coding ?

manifest.json

Next – decide features, behavior and code

Background Page : Stays in background, and called by chrome as

needed.

UI Page : Frontend of your extension for users to interact.

Content Scripts: Executes in context of related page/dom, as if its

part of the same.

All of the above can be coded using HTML, Javascript and CSS.

Salesforce Debug Log Extension Demo

Q & A

Resources

Learn Chrome Development

https://developer.chrome.com/extensions

Chrome App Samples (Open Source) to learn from.

https://github.com/GoogleChrome/chrome-app-samples

Salesforce Debug Log Extension

https://chrome.google.com/webstore/detail/salesforce-developer-

tool/fiaakhiohminpblhmlihfcdhclmphjcd