はじめてのChrome extension
Upcoming SlideShare
Loading in...5
×
 

はじめてのChrome extension

on

  • 11,982 views

初心者向けのChrome Extensionの資料です。

初心者向けのChrome Extensionの資料です。

Statistics

Views

Total Views
11,982
Views on SlideShare
9,499
Embed Views
2,483

Actions

Likes
26
Downloads
51
Comments
0

10 Embeds 2,483

http://d.hatena.ne.jp 1944
http://wiki.onakasuita.org 292
http://fumit.blogspot.com 165
http://fumit.blogspot.jp 51
https://twitter.com 12
http://nuevospowerpoints.blogspot.com 5
http://webcache.googleusercontent.com 5
http://fumit.blogspot.co.uk 3
http://translate.googleusercontent.com 3
http://us-w1.rockmelt.com 3
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

はじめてのChrome extension はじめてのChrome extension Presentation Transcript

  • 2011/10/29 BootCamp 2011Toru Yoshikawa ( @yoshikawa_t ) #bc2011jp #chr1
  • { "name": "Sample Extension", "version": "0.1", "browser_action": { "default_popup": "popup.html", "default_icon": "icon.png" }}
  • <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> p { font-size: 32px; } </style> </head> <body> <p>Hello, World!</p> </body></html>
  • { "name": "Sample Extension", "version": "0.2", "browser_action": { "default_popup": "popup.html", "default_icon": "icon.png" }, "background_page": "background.html", "permissions": [ "notifications" ]}
  • <!-- HTML --><script> function setTimer(millisecond) { setTimeout(notify, millisecond); } function notify(){ var popup = webkitNotifications.createNotification(icon.png, , Hello, World!); popup.show(); }</script>
  • <!-- HTML --> :<input type="number" value="3" min="1" step="1" id="second"><input type="button" value=" " id="start"><script> var second = document.getElementById(second).value | 0, button = document.getElementById(start); button.addEventListener(click, function(){ // Background Page Window var bg = chrome.extension.getBackgroundPage(); bg.setTimer(second * 1000); }, false);</script>
  • { /* */ "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["content_script.js"], "run_at": "document_end" } ]}
  • var div = document.createElement(div);div.textContent = Hello, World!;div.style.cssText = position: absolute; top: 0; left:0; font-size: 32px; color: red;;document.body.appendChild(div);