Git Product home page Git Product logo

chromeskel_a's Introduction

##Skeleton Chrome Extension w/ fancy-settings

###What is this? This Chrome extension is an extension bootstrap, a template so to speak. All you need to do is edit some values in the manifest.json file, modify which options you want your extension to have through fancy-settings/source/manifest.js and add your extension code. There's a blog post explaining it here.

The skeleton extension is usable as is (albeit utterly useless) and can be installed and tried out even in this very basic form. Just download the latest version of Chrome or Chromium and set it to developer mode under Settings, then Load Unpacked Extension and select the folder that contains this file.

This skeleton extension will be updated regularly to the newest manifest version and rules published by Google. This was a lie. I have abandoned this shortly after Google's quality went down the drain and I stopped using their services. Anyone feeling like taking over, let me know.

###What does this package contain?

  • The usual LICENSE.md and README.md files
  • Sample icons in all suggested sizes: 19px and 38px due to this followed by 16px for the favicon, 48px for the settings screen and 128px for the Chrome Web Store. Replace these icons with your own icons of the same size.
  • Manifest.json file with some preconfigured sample values, mostly taken from here. Refer to linked page to add more needed values.
  • autoincluded minified latest jQuery. Remove in manifest.json if not needed.
  • fancy-settings with the default manifest. Remove the options_page key from the main manifest.json if your extension won't have any options
  • background.html background page which includes the initial background script under scripts/background.js
  • scripts/background.js which initializes the page action icon and does nothing else
  • scripts/main.js content script which is run at document_idle (edit in manuscript if needed) and displays a greeting message in the console.
  • fragments/popup.html is an html popup file that opens when the page action is clicked (the extension icon in the address bar). You can edit it, or remove it completely. Please note that chrome.pageAction.onClicked will not fire if there is a popup defined - to make pageAction react to clicks, remove the popup, or add actions to the popup itself.

###Can I use this commercially? Yeah, look at LICENSE

###Any tutorials and/or examples available? Yeah, here

###How can I contribute? Keep it up to date. Add some more options that don't complicate things for the user. Write examples and let me know where you used this Skeleton extension, I'll link to them here. Anything helps.

Analytics

chromeskel_a's People

Contributors

phistuck avatar swader avatar zachallia avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.