Unlimited power with chrome extensions
2 likes905 views
The document discusses how to create chrome extensions with 3 main steps. Step 1 is to identify who the extension is for, which is the user and their website. Step 2 explains why to create extensions, which is to open tabs, add flyouts, and inject content. Step 3 details how to create an extension by including the necessary files like manifest.json, HTML, JavaScript, and images within a ZIP file. The manifest.json file contains metadata to configure the extension. An example manifest and HTML file for a Nyan Cat extension is provided.
Unlimited power with chrome extensions
- 2. Hi
- 5. Unlimited Power with Chrome Extensions bit.ly/bsp-demo-1
- 6. Unlimited Power comes unlimited responsibility??
- 7. Step 1: Who?
- 8. YOU! (and by you I mean your website)
- 9. Step 2: Why?
- 10. Open Tabs Flyouts Inject Content Anytime Upgrade
- 11. Step 3: How?
- 12. What is in a chrome extension? ZIP HTMLJSON & JS JS inside:
- 15. manifest.jsonJSON { "name": "Nyan Cat", "version": "0.0.0.1" }
- 16. manifest.jsonJSON { "name": "Nyan Cat", "version": "0.0.0.1", "manifest_version": 2 }
- 17. manifest.jsonJSON { "name": "Nyan Cat", "version": "0.0.0.1", "manifest_version": 2, "description": "Look at Nyan Cat" }
- 18. 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" } }
- 19. index.html <!doctype html> <html> <head> <title>Nyan Cat</title> </head> <body > <img src=/slideshow/unlimited-power-with-chrome-extensions-26284293/26284293/"nyancat.gif"> </body> </html> HTML
- 22. DEMO
- 23. ZIP
- 29. Questions?