Top Banner
Chrome Extension Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 1
12

How to Create Chrome Extension ?

Sep 03, 2014

Download

Technology

Bhavik Limani

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,
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
  • Chrome Extension Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 1
  • Index Intro Hello World Webiness Features HTML5 Experiments Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 2
  • Steps Create directory Create manifest file Add icons Create popup Upload to gallery Web Store Profit Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 3
  • Similarities HTML, CSS, and JavaScript Development and debugging DOM, XHR, HTML5, WebKit, and V8 Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 4
  • More UI Surfaces Browser action Page action Content scripts Desktop notifications Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 5
  • More UI Surfaces Infobars Context menu Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 6
  • 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
  • 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
  • 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
  • Features and Filters Animation Web Storage and Web SQL Database Desktop notifications Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 10
  • APIs chrome.experimental.infobars chrome.experimental.contextMenu chrome.experimental.clipboard chrome.experimental.cookies chrome.experimental.processes Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 11
  • Thank You. Limbani Bhavik & Surani Saunak ( Imperial Infosys ) 12