Your SlideShare is downloading. ×
Chrome Extension Development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Chrome Extension Development

1,399
views

Published on

You can download sourcecode at http://dominixz.com/wp-content/uploads/misc/bkk_gtug_chrome_extension_sourcecode.zip

You can download sourcecode at http://dominixz.com/wp-content/uploads/misc/bkk_gtug_chrome_extension_sourcecode.zip

Published in: Technology, Design

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
1,399
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Chrome Extension & Developer Tools Developer Tools
    • Overview
    • at
    • Bangkok GTUG Bootcamp 2011
  • 2. Chrome Extension
  • 3. Development
    • HTML (XHTML , HTML5)
    • CSS (2,3)
    • Javascript
    • Chrome Extension API
  • 4. Understand Manifest.json
    • name , version , description
    • icons (16,19,32,48,128)
    • browser_action , background_page , options_page
    • permissions , content_scripts
    • chrome_url_overrides (newtab,bookmark manager,history)
  • 5. Simple Workshop & Debug
    • Workshop
      • Iframe in Popup with Onebitmatter Wallpaper
    • Tips & Extension Overview
      • Copy Text without Textfield
      • Get Current URL & chrome.tabs.create
      • Web Service , etc.
  • 6. Deployment
    • Sign in with Google Account If you don’t have sign up first.
    • Go to https://chrome.google.com/extensions/
    • Click “Publish your extensions” at Left , Bottom
    • ZIP your root folder & Upload (If not success check error)
    • Write your detail & upload icon,ss,header (optional)
  • 7. Sneak Peak
    • Choose your extension that you want in https://chrome.google.com/extensions/
    • Right Click and Save As then Rename to exname.zip
      • Mac : Open Termianl , Go to Path , unzip exname.zip
      • Windows : 7-Zip. Right Click at Zip then extract to folder
  • 8. Chrome Developer Tools
  • 9. DEMO TIME
    • http://slides.html5rocks.com
  • 10. Thank You
    • Contact me @dominixz OR [email_address]
    • at
    • onebitmatter.com