Unlimited power with chrome extensions
30
-
Upload
stefan-hayden -
Category
Technology
-
view
287 -
download
0
description
as presented to New York Front End Coders on september 17th, 2013
Transcript of Unlimited power with chrome extensions
Hi
I’m Stefan@stefanhayden
Unlimited Power with Chrome Extensions
bit.ly/bsp-demo-1
Unlimited Power comes unlimited responsibility??
Step 1: Who?
YOU!(and by you I mean your website)
Step 2: Why?
Open TabsFlyouts
Inject Content
Anytime Upgrade
Step 3: How?
What is in a chrome extension?
ZIP
HTMLJSON & JSJS
inside:
manifest.jsonJSON
{
"name": "Nyan Cat"
}
manifest.jsonJSON
{
"name": "Nyan Cat",
"version": "0.0.0.1"
}
manifest.jsonJSON
{
"name": "Nyan Cat",
"version": "0.0.0.1",
"manifest_version": 2
}
manifest.jsonJSON
{
"name": "Nyan Cat",
"version": "0.0.0.1",
"manifest_version": 2,
"description": "Look at Nyan Cat"
}
manifest.jsonJSON
{
"name": "Nyan Cat",
"version": "0.0.0.1",
"manifest_version": 2,
"description": "Look at Nyan Cat",
"browser_action": {
"default_icon": "nyancat.png",
"default_popup": "index.html"
}
}
index.html
<!doctype html>
<html>
<head>
<title>Nyan Cat</title>
</head>
<body >
<img src="nyancat.gif"></body>
</html>
HTML
DEMO
ZIP
chrome.google.com/webstore/developer/dashb
oard
Questions?
I’m Stefan
github.com/stefanhayden@stefanhayden
