+ All Categories
Transcript
Page 1: Chrome Extension Development

Chrome Extension &Developer

Tools

Overviewat

Bangkok GTUG Bootcamp 2011

Page 2: Chrome Extension Development

Chrome Extension

Page 3: Chrome Extension Development

Development

HTML (XHTML , HTML5)

CSS (2,3)

Javascript

Chrome Extension API

Page 4: Chrome Extension Development

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)

Page 5: Chrome Extension Development

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.

Page 6: Chrome Extension Development

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)

Page 7: Chrome Extension Development

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

Page 8: Chrome Extension Development

Chrome Developer

Tools

Page 9: Chrome Extension Development

DEMO TIMEhttp://slides.html5rocks.com

Page 10: Chrome Extension Development

Thank YouContact me @dominixz OR

[email protected]

onebitmatter.com


Top Related