WebVR-Extension - Chrome DevTools extension to emulate WebVR API

  •        15

Chrome DevTools extension that enables users and developers to run WebVR 1.0 content without having a supported HMD headset or even a compatible browser/platform. It currently emulates an HTC Vive. It can also help develop even if one owns an HMD, by making repetitive actions that require putting the HMD on and off easier to check through the DevTools panel.

https://github.com/spite/WebVR-Extension

Tags
Implementation
License
Platform

   




Related Projects

webvr-ui - WebVR-UI Javascript library making it easy to create a button for entering VR mode

  •    Javascript

A javascript library allowing easily to create the Enter VR button a WebVR site. It will automatically detect the support in the browser and show correct messages to the user. The intention for the library is to create an easy way to make a button solving as many of the common use cases of WebVR as possible, and show some best practices for how to work with WebVR. To use the button in A-Frame, include the library as above, and add webvr-ui to the scene.

webvr-polyfill - Use WebVR today, without requiring a special browser build.

  •    Javascript

A JavaScript implementation of the WebVR spec. This project ensures your WebVR content works on any platform, whether or not the browser/device has native WebVR support, or when there are inconsistencies in implementation. Take a look at basic WebVR samples that use this polyfill.

chrome-devtools-autosave - Auto-saving CSS and JavaScript changes from the Chrome Developer Tools

  •    Javascript

Chrome DevTools Autosave consists of a Chrome extension and a server. The extension pushes changed files to the server. The server resolves URL of these files and overwrites the old ones with the new ones. Open example/index.html locally (using file:// scheme). Edit some CSS and JS. That’s it. Files have been saved.

meteor-devtools - ⚡Chrome Dev tools extension for Meteorjs apps

  •    Javascript

Meteor Devtools (MD) is an extension for Chrome Developer Tools that makes the process of developing Meteor apps even more enjoyable. It also allows you to look under the hood of existing applications and learn how they are built. MD includes a plugin framework and currrently comes with 3 plugins: DDP Monitor, Blaze Inspector and MiniMongo Explorer. You can install it from Chrome Web Store. Meteor Devtools Extension is made by Meteor loving folks at The Bakery. Blaze Inspector is inspired by React Devtools and uses Element highlighter from that project.

apollo-client-devtools - :christmas_tree: Chrome extension for Apollo Client developer tools

  •    Javascript

This repository contains the Apollo Client Devtools Chrome extension.If you are running Apollo Client 2.0, the dev tools require at least apollo-client@2.0.0-rc.2 and react-apollo@2.0.0-beta.0.


ShaderEditorExtension - Google Chrome DevTools extension to live edit WebGL GLSL shaders

  •    Javascript

Alternatively, you can pack the extension yourself and load by dropping the .crx file in the Extensions page.

webvr-boilerplate - A starting point for web-based VR experiences that work on all VR headsets.

  •    Javascript

A THREE.js-based starting point for cross-platform web-based VR experiences. This project relies heavily on the WebVR Polyfill to provide VR support if the WebVR API is not implemented. It also uses the WebVR UI project to render the UI to enter VR and magic window modes. See here for a live demo.

vue-perf-devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components

  •    Javascript

Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components. It statistically examines the performance of Vue components based on the measures which are collected by Vue using window.performance API. Initially started after reading React Performance Devtool and created from Vue Devtool.

electron-devtools-installer - An easy way to ensure Chrome DevTools extensions into Electron

  •    Javascript

This is an easy way to install DevTool extensions into Electron. You shouldn't have to mess around with downloading the extension, finding the right folder and then configuring the path for everyone's machines. Technically you can use whatever extension you want. Simply find the ChromeStore ID of the extension you want to install, and call installExtension('YOUR_ID_HERE'). We offer a few extension ID's inside the package so you can easily import them to install without having to find them yourselves.

Scratch-JS - Run ES6, CoffeeScript and LiveScript on any page from Chrome's DevTools!

  •    Javascript

It's a Chrome DevTools extension (available here) that allows you to execute ES6/ES2015 code in the context of the page you're viewing, as though it were the standard DevTools console. Once you familiarize yourself with some of the concepts and features of ES6/ES2015, install the extension. You'll then notice the Scratch JS tab inside DevTools (⌘-⌥-i on a Mac, ctrl-⇧-i on a PC). You can toggle console visibility with esc, and code can be executed either by clicking the Run it button, or using ⌘-↩ on a Mac, ctrl-↩ on a PC.

Primrose - A WebVR framework

  •    Javascript

Primrose is an immersive environment for web browsers on desktop and mobile devices alike. Within this environment, web developers can be applications that progressively enhance to support users on a wide variety of form factors, including high-end VR headsets. If you're interested in contributing to the framework, we'd love to have you involved. Primrose is open to contributors of all skill levels and we are ready and willing to help beginners work through issues. Please read the guidelines for contributing before doing so.

console-importer - Easily import JS and CSS resources from Chrome console.

  •    Javascript

Open Chrome devtools console, a function named $i could be used to import JavaScript and CSS resources. Some websites like Google Inbox already have $i used as a global variable. This extension doesn't overwrite it.

devtron - An Electron DevTools Extension

  •    Javascript

An Electron DevTools extension to help you inspect, monitor, and debug your app. You should then see a Devtron tab added.

Augury - Angular Debugging and Visualization Tools

  •    Typescript

Augury is the most used Google Chrome Developer Tool extension for debugging and profiling Angular 2 applications. It helps Angular 2.0 developers visualize the application through component trees, and visual debugging tools. Developers get immediate insight into their application structure, change detection and performance characteristics.

clockwork-chrome - Clockwork - php dev tools integrated to your browser - Chrome extension

  •    CSS

Clockwork is a browser extension, providing tools for debugging and profiling your PHP applications, including request data, application log, database queries, routes, visualisation of application runtime and more. Clockwork uses a server-side component, that gathers all the data and easily integrates with any PHP project, including out-of-the-box support for major frameworks.

redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI

  •    Javascript

Note that the implemention in this repository is different from Redux DevTools Extension. Please refer to the latter for browser extension. Redux DevTools is a development time package that provides power-ups for your Redux development workflow. Be careful to strip its code in production (see walkthrough for instructions)! To use Redux DevTools, you need to choose a “monitor”—a React component that will serve as a UI for the DevTools. Different tasks and workflows require different UIs, so Redux DevTools is built to be flexible in this regard. We recommend using LogMonitor for inspecting the state and time travel, and wrap it in a DockMonitor to quickly move it across the screen. That said, when you’re comfortable rolling up your own setup, feel free to do this, and share it with us.

react-devtools - An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools

  •    Javascript

React Developer Tools lets you inspect the React component hierarchy, including component props and state.It exists both as a browser extension (for Chrome and Firefox), and as a standalone app (works with other environments including Safari, IE, and React Native).

yez - Chrome extension that acts as terminal and task runner

  •    CSS

Install the Yez! module by running npm install -g yez or npm install -g https://registry.npmjs.org/yez/-/yez-2.0.1.tgz. If you have problems installing the module please check out the this thread. To open Yez! just press Ctrl+Shift+I which openes the DevTools console. Just after that press Ctrl+] till you reach the needed tab.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.