GithubHelp home page GithubHelp logo

mikekwright / chrome-extension-hello-world Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 33 KB

Simple hello world extension to demonstrate how to create a chrome extension.

License: MIT License

CSS 4.18% HTML 70.15% JavaScript 25.67%

chrome-extension-hello-world's Introduction

Chrome Extension - Hello Chrome

This is a repo that holds the code to create a custom (very simple) extension, and demonstrates how you about creating the extension and adding it to chrome.

Setting up Chrome

The first thing that we will need to do is to enable developer mode for the chrome extensions. We can do this by accessing the extension page with the below url:

    chrome://extensions

Once the extensions page is up there should be a checkbox on the top right labeled Developer mode. Clicking on this checkbox should bring a set of 3 buttons into view, with the first being called Load unpacked extension....

Loading our extension

Now that we have developer mode enabled, all that needs to be done for this extension to be enabled is to load it unpacked.

  1. Click on the button Load unpacked extension...
  2. Navigate to the extension directory of the current repo
  3. All done

If things are setup correctly you should see a small icon in your menubar at the top right which will display the popup for this extension.

Reference

This repo is built from watching the tutorial Hello Extension from the Pluralsight video Creating A Chrome Extension.

chrome-extension-hello-world's People

Contributors

mikekwright avatar

Stargazers

 avatar

Watchers

 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.