Salesforce + Chrome extensions are amazing combination. This slide deck covers: - Overview of Chrome extensions and architecture. - Chrome Extension use cases for Salesforce. - Demo + Code walk thru of Salesforce Debug Log extension.

1. Building Chrome Extensions
For Salesforce
Lighnting Dev Week – 14 March 2015

2. Abhinav gupta
Force.com MVP, Architect,
&
Founder Concretio Apps Pvt. Ltd
@abhinavguptas
Speaker

3. 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.

4. Do you use Chrome ?

5. Do you use Chrome Extensions ?

6. Which one do you use ?

7. Post picture here
A few chrome extensions which I often use.
• Evernote Web Clipper (most used)
• Clearly
• Chromecast
• Pagespeed
• Hangouts
• Rest Console
• etc

8. Post picture here
A few popular chrome extensions for Salesforce
Search Salesforce in chrome web store for more info.
https://chrome.google.com/webstore/

9. 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.

10. Post picture here
Chrome Extensions - Possibilities

11. Enough – how can I start coding ?
manifest.json

12. 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.

13. Salesforce Debug Log Extension Demo

14. Q & A

15. 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