Chrome Extension &Developer

Tools

Overviewat

Bangkok GTUG Bootcamp 2011

Chrome Extension

Development

HTML (XHTML , HTML5)

CSS (2,3)

Javascript

Chrome Extension API

Understand Manifest.jsonname , version , description

icons (16,19,32,48,128)

browser_action , background_page , options_page

permissions , content_scripts

chrome_url_overrides (newtab,bookmark manager,history)

Simple Workshop & DebugWorkshop

Iframe in Popup with Onebitmatter Wallpaper

Tips & Extension Overview

Copy Text without Textfield

Get Current URL & chrome.tabs.create

Web Service , etc.

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)

Sneak PeakChoose 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

Chrome Developer

Tools

DEMO TIMEhttp://slides.html5rocks.com

Thank YouContact me @dominixz OR

domesterz@gmail.comat

onebitmatter.com