Chrome extensions dev Intro
-
Upload
luis-porras -
Category
Self Improvement
-
view
627 -
download
5
description
Transcript of Chrome extensions dev Intro
How to createChrome’s ExtensionsLuis Alfredo Porras P. @lporras16
About Me
Rubyist
Colombian
Continuum
Your Friend
Applications that run inside the Chrome browser and provide additional functionality, and customized browsing experiences.
WHAT ARE EXTENSIONS?
We have to learn a new language?
“Extensions are written using the same standard web technologies that developers use to create websites.”
ExamplesPopular Extensions
Synced Todo List - WunderList
Save your Links - Pocket
Download Music! - Grooveshark Downloader
Building an Extension
Chrome.* APIs
Chrome provides APIs such as chrome.bookmarks and chrome.tab so that
extensions can interact with the browser.
Browser UI
Browser Actions Add icons to the toolbar (extensions only)
Desktop
Notifications
Notify users of important events
Omnibox Add a keyword to the address bar
Options Pages Let users customize your extension
Override Pages Implement your own version of standard browser pages such as
the New Tab page
Page Actions Add temporary icons inside the address bar (extensions only)
Themes Change the overall appearance of the browser
Browser Action
Desktop Notifications
Page Actions
OmniBox
Override Pages
Debugging
Load unpacked Extension - Developer Mode
Developer Mode ON
DEMO TIME
My Yify-plugin
Yify-plugin In Action
Manifest
Folder Structure
Background page | app.html
GitHub Repo
https://github.com/lporras/yify-plugin
THANKS