Skip to content

Plugin para chrome que guarda los request y response para exportarlos a Weasel!

Notifications You must be signed in to change notification settings

aouinizied/weasel-record

This branch is up to date with peterlavey/weasel-record:master.

Folders and files

NameName
Last commit message
Last commit date
Jun 28, 2017
Jun 22, 2017
Jun 22, 2017
Jun 22, 2017
Jun 22, 2017
Jun 22, 2017
Jun 28, 2017
Jun 22, 2017
Jun 22, 2017
Jun 28, 2017
Jun 28, 2017
Jun 22, 2017

Repository files navigation

DevTools Extension Example

This is a small boilerplate project to be used as a starting point for developing a Chrome DevTools Extension.

Installation

  • Open chrome://extensions
  • Enable 'Developer Mode' checkbox
  • Click 'Load unpacked extensions...'
  • Select the devtools-extension folder

Usage

While on any page, launch the devtools, you should see a new tab called 'DemoPanel' which contains 3 buttons.

Execute script in inspected page

Uses chrome.tabs.executeScript to execute an inline script in the context of the page you're inspecting (via background.html).

Insert script into inspected page

Uses chrome.tabs.executeScript to append an external file (included in the extension folder) to the inspected page (via background.html).

Insert button to send a message

With the grace of a gorilla, replaces the entire DOM of the inspected page with a button which has an onclick attached. Clicking the button will send a message from the inspected page to the background.html. It is then relayed back to the DemoPanel where it changes the text on the button.

Background

While working on a feature for GhostStory, I found myself trying to figure out how Chrome DevTools Extensions worked. Seeing as it took the best part of a day to actually get the basics in place (even using the docs and samples), I figure it might help to have a working example.

About

Plugin para chrome que guarda los request y response para exportarlos a Weasel!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.2%
  • HTML 9.8%