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

はじめてのChrome extension

on

  • 11,866 views

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

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

Statistics

Views

Total Views
11,866
Slideshare-icon Views on SlideShare
9,408
Embed Views
2,458

Actions

Likes
26
Downloads
51
Comments
0

10 Embeds 2,458

http://d.hatena.ne.jp 1940
http://wiki.onakasuita.org 272
http://fumit.blogspot.com 165
http://fumit.blogspot.jp 50
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);