Giter VIP home page Giter VIP logo

aurelia-inspector's Introduction

Aurelia Inspector

Aurelia Chrome Inspector, that supports both Aurelia v1 and v2.

Example.png

Limitations

  • Map and Set changes don't live update
  • V1 and V2 not on the same feature level

Development

Loading the extension into Chrome

Follow https://developer.chrome.com/docs/extensions/mv3/getstarted/#manifest (skip the creation manifest.json part)

Developing

  1. Run npm run start
  2. Pin the Aurelia Extension in the toolbar
    1. Verify the Extension picked up your Aurelia page: "Aurelia 2 detected on this page."
    2. If you encounter an Error (like, "File not found") please
      1. Right click in that panel/pop-up
      2. Inspect
      3. Find clues on why the issue arose
  3. Open the Developer Tools
    1. Navigate to "Elements" and where tabs like "Style" and "Layout" are at the end, you can find "Aurelia"
  4. For changes, you have to reload the extension every time. There is a refresh icon in chrome://extensions for the Aurelia card
    1. If an Error pops up (in that same card), you can click on it, and then clear
  5. Furthermore, you have to reload the Developer tools
    1. Close and reopen
    2. Or inspect and Ctrl+R in the inspect window
  6. You may to reload the page itself again for the "Aurelia" tab to reappear

Submitting PR

Make sure to commit the files in /dist as well.

aurelia-inspector's People

Forkers

hiaux0

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.