Giter Site home page Giter Site logo

c0d3hermit / dev Goto Github PK

View Code? Open in Web Editor NEW

This project forked from akhiljay/akamai_devpops_ext

0.0 0.0 0.0 2.1 MB

Chrome Dev Tools Extension for proxying requests and terminal access

License: MIT License

JavaScript 42.08% CSS 54.06% HTML 3.86%

dev's Introduction

Chrome Dev Tools Extension for Proxying requests & Accessing Terminal

This chrome dev tool extension is a combination of three open sourced exts

  1. A NodeJs app that enabled terminal access within chrome dev tools, so you can invoke PAPI and other Akamai APIs directly from the terminal.
  2. A Chrome proxy that routes all your browser traffic from chrome over to an IP address or hostname of your preference. It's a powerful tool to have if you need to route traffic over to localhost reverse proxies for testing and running browser automation taks all from within a dev tools extension.
  3. Adds Akamai pragma headers automatically to all the requests so it can help you debug your issues.

Installation

  1. npm install -g devpops_ext This is the NodeJS app that the extension speaks with to pass the terminal commands you type inside the extension

  2. Run devpops_ext in your terminal window. You should see the following msg

if you get the error below
/usr/local/lib/node_modules/devpops_ext/node_modules/socket.io/lib/store.js:35
Store.prototype.proto = EventEmitter.prototype;
^
Then please visit the "/usr/local/lib/node_modules/devpops_ext/node_modules/socket.io/lib/" folder via terminal and run the command below. This will replace "EventEmitter" usage with the "require event", use of EventEmitter has been deprecated since Node 7
sudo find . -type f -name '*.js' -exec sed -i '' -e "s/process.EventEmitter/require('events')/g" {} +

if everything goes well, you will get the message below
mymacbook:~ username$ devpops_ext
info - socket.io started
Devpops_ext! back-end is running. Install the Chrome extension or open http://localhost:9173

  1. Open Chrome browser and type in chrome://extensions, turn on developer mode (top right hand corner) and then click on "load unpacked", choose the "chrome" folder within the unzipped akamai-devops folder and click select.

  2. Open Chrome's DevTools and find the Devpops tab

(Keep in mind that when you run the backend of Devpops_ext! the app is available at http://localhost:9173/)

Screenshots

I: Landing Page first

II: Multiple way to configure proxy settings Second


III: Use terminal right inside your Chrome browser Third


IV: Setup Automated browser test tasks within the extension Fourth

dev's People

Contributors

aj-akam 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.