https://github.com/bellbind/chrome-extension-from-bookmarklet-example

Example for convert bookmarklet to chrome extension package
https://github.com/bellbind/chrome-extension-from-bookmarklet-example

Last synced: 16 days ago
JSON representation

Example for convert bookmarklet to chrome extension package

• Host: GitHub
• URL: https://github.com/bellbind/chrome-extension-from-bookmarklet-example
• Owner: bellbind
• Created: 2010-07-01T02:59:00.000Z (over 14 years ago)
• Default Branch: master
• Last Pushed: 2010-07-01T04:00:21.000Z (over 14 years ago)
• Last Synced: 2024-08-01T00:57:07.363Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 97.7 KB
• Stars: 21
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Example: convert bookmarklet to chrome extension package

It is my first training for making chrome extension.

The example uses "jash" javascript shell bookmarklet.

- http://billyreisinger.com/jash/

This technique could be applied for converting any bookmarklet 

to chrome "browserAction" button (right side of the url bar).

## Artcitecture

Files:

- /manifest.json : descrition for browserAction extension

- /loader.html : generic background-page HTML

- /bookmarklet.js : javascript code from bookmarklet code

- /images/icon.png : required icon image

- /images/gen.sh : generating icon with "convert" (ImageMagick) command

Steps:

1. modify manifest.json: "name" and "description" entry

2. modify icon.png (or modify label and color in gen.sh, then run it)

3. modify bookmarklet.js : convert bookmarklet js code into pure js code

4. build package crx and release it

## build with crxmake

install crxmake:

    gem install crxmake

build:

    sh gencrx.sh --pack-extension=jash

## build with chrome.exe (on Windows7/Vista with cygwin)

build:

    export PATH=/cygdrive/c/Users/$USER/AppData/Local/Google/Chrome/Application/:"$PATH"

    chrome.exe --pack-extension=jash

## Resources

for packaging:

- http://code.google.com/chrome/extensions/packaging.html

- http://dev.chromium.org/developers/design-documents/extensions/packaging

for extension specifications:

- http://code.google.com/chrome/extensions/manifest.html

- http://code.google.com/chrome/extensions/browserAction.html

- http://code.google.com/chrome/extensions/background_pages.html

- http://code.google.com/chrome/extensions/tabs.html