Google Chrome Extensions

Rishi Pithadiya MCA -54

Outline
• • • • • • • Definition Examples Types of Extensions Structure of Extension Difference between Extension and Plugins How to Make ? Conclusion

Outline • Definition • • • • • • Examples Types of Extensions Structure of Extension Difference between Extension and Plugins How to Make ? Conclusion .

Definition • • • • • Applications / Small Programs Run Inside Chrome Browser Installed instantly Update automatically Use technology such as HTML. JavaScript and CSSs .

Outline • Definition • Examples • • • • • Types of Extensions Structure of Extension Difference between Extension and Plugins How to Make ? Conclusion .

Examples • Gmail Checker .

Outline • Definition • Examples • Types of Extensions • • • • Structure of Extension Difference between Extension and Plugins How to Make ? Conclusion .

Types of Extensions • Omnibox: Add functionality to your address bar with predefined keywords • Page Actions: Show a little icon in the address bar • Browser Actions: Add an icon next to your address bar (i. to show a popup) • Desktop notifications: Show notifications on your desktop .e.

Outline • Definition • Examples • Types of Extensions • Structure of Extension • Difference between Extension and Plugins • How to Make ? • Conclusion .

Structure of Extension • Compressed directory containing: – manifest file (manifest.json) • And one or more of these components: – Browser Action – Content Script (Java Script) – Background Page – Other files .

.Structure of Extension • Browser Action Browser actions are those actions a user performs using a web browser including keystrokes. text entry. mouse actions. and system actions such as close or submit.

json file Structure .Structure of Extension • Manifest.

*.*.[skin] +----.*.jpg… Metadata UI + Code Localization Icons + Styles .[en-us] +----.png.[content] +----.*.[locale] +----.css +----.manifest +----.rdf +----.dtd +----.js +----.xul +----.install.properties +----.chrome.*.Piece it together Extension +----.*.*.

Outline • • • • Definition Examples Types of Extensions Structure of Extension • Difference between Extension and Plugins • How to Make ? • Conclusion .

Adobe Reader. a third party library that “plugs in” to the browser that can be embedded inside a web page. • i. don’t know about Tabs and Browser Process . • They can’t create Toolbars.Difference between Extension and Plug-in • A plug-in is. Macromedia Flash.e. can’t affect Menus. quite simply. Apple Quicktime.

Outline • • • • • Definition Examples Types of Extensions Structure of Extension Difference between Extension and Plugins • How to Make ? • Conclusion .

How to Make ? .

How to Make ? .

How to Make ? .

How to Make ? .

How to Make ? .

How to Make ? .

How to Make ? .

How to Make ? .

.You will find various extensions on Google WebStore.

Outline • • • • • • Definition Examples Types of Extensions Structure of Extension Difference between Extension and Plugins How to Make ? • Conclusion .

. • Helps us writing more useful applications that can run directly inside the browser. • The API does not require much knowledge beside Javascript.Conclusion • Chrome extension is a good API provided by Chrome browser. • However. things might come too difficult to debug or development if you don’t understand the whole architecture model behind it.

Questions ? .

Sign up to vote on this title
UsefulNot useful