How to Create Chrome Extension ?
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

How to Create Chrome Extension ?

on

  • 256 views

Introduction of Chrome Extension, ...

Introduction of Chrome Extension,
Hello World in Chrome Extension,
Webiness in Chrome Extension,
Features of Chrome Extension,
HTML5 in Chrome Extension,
Experiments in Chrome Extension,

Statistics

Views

Total Views
256
Views on SlideShare
255
Embed Views
1

Actions

Likes
0
Downloads
5
Comments
0

1 Embed 1

http://www.slideee.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

How to Create Chrome Extension ? Presentation Transcript

  • 1. Chrome Extension Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 1
  • 2. Index  Intro  Hello World  Webiness  Features  HTML5  Experiments Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 2
  • 3. Steps  Create directory  Create manifest file  Add icons  Create popup  Upload to gallery  Web Store  Profit Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 3
  • 4. Similarities  HTML, CSS, and JavaScript  Development and debugging  DOM, XHR, HTML5, WebKit, and V8 Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 4
  • 5. More UI Surfaces  Browser action  Page action  Content scripts  Desktop notifications Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 5
  • 6. More UI Surfaces  Infobars  Context menu Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 6
  • 7. Special Components  Manifest file  Background page  Options page  API DIAGRAM  http://www.alexatnet.com/content/google-chrome-api-diagram Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 7
  • 8. Privileged APIs  chrome.windows  chrome.tabs  chrome.history  chrome.bookmarks  chrome.browserAction  chrome.pageAction  chrome.extension  chrome.i18n Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 8
  • 9. The Notifier Pattern  Problem:  Data tracking  Item counter  Item details  Solution:  Cross-origin XHR  Browser-action badge  Popup Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 9
  • 10. Features  <canvas>  <audio> and <video>  Filters  Animation  Web Storage and Web SQL Database  Desktop notifications Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 10
  • 11. APIs  chrome.experimental.infobars  chrome.experimental.contextMenu  chrome.experimental.clipboard  chrome.experimental.cookies  chrome.experimental.processes Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 11
  • 12. Thank You…. Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 12