Chrome Extension Development

  • 1,363 views
Uploaded 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

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
1,363
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
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