All Projects → YvesCheung → Uinspector

YvesCheung / Uinspector

Licence: apache-2.0
A UI inspector to traverse a view hierarchy on Android

Programming Languages

kotlin
9241 projects

Projects that are alternatives of or similar to Uinspector

Ply
CSS inspection aided by visual regression pruning
Stars: ✭ 370 (+281.44%)
Mutual labels:  inspector
Dive
A tool for exploring each layer in a docker image
Stars: ✭ 28,957 (+29752.58%)
Mutual labels:  inspector
Angular2 Tree Diagram
Angular Hierarchical UI module
Stars: ✭ 50 (-48.45%)
Mutual labels:  hierarchy
React Dev Inspector
This package allows users to jump to local IDE code directly from browser React component by just a simple click
Stars: ✭ 372 (+283.51%)
Mutual labels:  inspector
React D3 Tree
🌳 React component to create interactive D3 tree graphs
Stars: ✭ 543 (+459.79%)
Mutual labels:  hierarchy
Kafka2websocket
Read Kafka topics with WebSockets
Stars: ✭ 19 (-80.41%)
Mutual labels:  inspector
Awesome Appium
A curated list of delightful Appium resources.
Stars: ✭ 333 (+243.3%)
Mutual labels:  inspector
Vue Finder
📁 A Vue.js component to display hierarchical data (like the MacOS X finder)
Stars: ✭ 87 (-10.31%)
Mutual labels:  hierarchy
Spector.js
Explore and Troubleshoot your WebGL scenes with ease.
Stars: ✭ 599 (+517.53%)
Mutual labels:  inspector
Mindo
Generate mind maps easily in your android app.
Stars: ✭ 52 (-46.39%)
Mutual labels:  hierarchy
Mcclim
An implementation of the Common Lisp Interface Manager, version II
Stars: ✭ 461 (+375.26%)
Mutual labels:  inspector
Aframe Inspector
🔍 Visual inspector tool for A-Frame. Hit *<ctrl> + <alt> + i* on any A-Frame scene.
Stars: ✭ 469 (+383.51%)
Mutual labels:  inspector
React Inspect Props
React properties inspector with the power of Redux DevTools
Stars: ✭ 31 (-68.04%)
Mutual labels:  inspector
Httplab
The interactive web server
Stars: ✭ 3,752 (+3768.04%)
Mutual labels:  inspector
Logger
Simple logger with stores inspector
Stars: ✭ 58 (-40.21%)
Mutual labels:  inspector
App Inspector
App-inspector is a mobile UI viewer in browser.
Stars: ✭ 343 (+253.61%)
Mutual labels:  inspector
Inspector
A drop-anywhere C++ REPL
Stars: ✭ 767 (+690.72%)
Mutual labels:  inspector
Treeviz
Tree diagrams with JavaScript 🌲 📈
Stars: ✭ 95 (-2.06%)
Mutual labels:  hierarchy
Unity Hierarchy Folders
Specialized folder objects for Unity Hierarchy.
Stars: ✭ 62 (-36.08%)
Mutual labels:  hierarchy
Indium
A JavaScript development environment for Emacs
Stars: ✭ 1,058 (+990.72%)
Mutual labels:  inspector

Uinspector

A UI inspector to traverse a view hierarchy on Android

Build Download Jitpack hackmd-github-sync-badge

Preview

What are the properties Where is the view Select another view

Feature

  • Low intrusive, no code change required
  • Turn on/off inspector throught the notification
  • Select the target view by clicking on it
  • What's LayoutInspector can't do?
    • Tracking animations

    • Support to add your custom panel or custom view properties

      See more

Get Started

Add jcenter() to your project-level build.gradle

allprojects {
    repositories {
        jcenter()
    }
}

Add dependency to your module-level build.gradle

dependencies {
    ...
    // debugImplementation because Uinspector should only run in debug builds.
    debugImplementation 'com.pitaya.mobile:Uinspector:x.y.z'
}

x.y.z replace with Download

That’s it, there is no code change needed!

Usage

  1. Start the inspector through the notification
  2. Tap the view you want to inspect
  3. Now you can see the properties on the popup panel

4. Uinspector intercept the 'single tap' event, but you can perform click on a View by double tap instead! And the scroll event/ key event can be dispatched as usual.

Optional Dependencies

  • Glide

    If an image is loaded with Glide, you can inspect the properties on the ImageView:

    Inspect ImageView with Glide

    glide model : The image source, maybe an url or a resource id

    glide error : The error drawable

    glide placeholder: The place holder drawable

    All you need to do is Add the gradle dependency on the Glide integration library:

    dependencies {
        debugImplementation 'com.pitaya.mobile:Uinspector-optional-glide:x.y.z'
    }
    

    x.y.z replace with Download

To see more optional dependencies below:

Develop

  • You can develop your own panel and add it into UInspector:

    See Doc

  • UInspector will launch automatically when the application starts. You can disable this feature if you don't want this:

    dependencies {
         debugImplementation('com.pitaya.mobile:Uinspector:x.y.z') {
             // After excluding, UInspector won't launch until you invoke it's `create` method!
             exclude module: 'Uinspector-optional-autoinstall'
         }
    }
    

Inspiration

License

Copyright 2020 Yves Cheung

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   	http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].