Fabric Explorer

This Extension allows you to explore the Office UI Fabric live on a webpage - adding and removing Fabric classes from an element…

What is Fabric Explorer?

Fabric Explorer is a Chrome extension developed by sector43 Software, and its main feature is "This Extension allows you to explore the Office UI Fabric live on a webpage - adding and removing Fabric classes from an element…".

Extension Screenshots

screenshot

Download Fabric Explorer Extension CRX File

Download Fabric Explorer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        This Extension allows you to explore the Office UI Fabric live on a webpage - adding and removing Fabric classes from an element and immediately seeing the effect on the page.  Useful for learning about Fabric, as well as interactively designing user interfaces that utilize Fabric.                    

Extension Basic Information

Name Fabric Explorer Fabric Explorer
ID iealmcjmkenoicmjpcebflbpcendnjnm
Official URL https://chrome.google.com/webstore/detail/fabric-explorer/iealmcjmkenoicmjpcebflbpcendnjnm
Description This Extension allows you to explore the Office UI Fabric live on a webpage - adding and removing Fabric classes from an element…
File Size 55.37 KB
Installation Count 454
Current Version 2.0.1
Last Updated 2016-11-10
Publish Date 2016-11-10
Rating 2.75/5 Total 4 Ratings
Developer sector43 Software
Payment Type free
Extension Website http://www.sector43.com/fabric-explorer/
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Fabric Explorer",
    "version": "2.0.1",
    "permissions": [
        "tabs",
        ""
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "all_frames": false,
            "js": [
                "js\/jQuery2.1.4.min.js",
                "js\/functions.js",
                "js\/content.js"
            ]
        }
    ],
    "icons": {
        "16": "icons\/favicon16.jpg",
        "32": "icons\/favicon32.jpg",
        "64": "icons\/favicon64.jpg"
    },
    "devtools_page": "devtools.html",
    "web_accessible_resources": [
        "\/*",
        "locale\/*"
    ]
}