https://github.com/warrenbuckley/umbraco-devtools

A Chrome Extension to give debug information about your Umbraco website
https://github.com/warrenbuckley/umbraco-devtools

chrome-extension umbraco umbraco-cms

Last synced: 2 months ago
JSON representation

A Chrome Extension to give debug information about your Umbraco website

• Host: GitHub
• URL: https://github.com/warrenbuckley/umbraco-devtools
• Owner: warrenbuckley
• Created: 2016-07-10T20:11:18.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-08-31T22:10:47.000Z (over 2 years ago)
• Last Synced: 2024-10-13T15:09:31.138Z (3 months ago)
• Topics: chrome-extension, umbraco, umbraco-cms
• Language: JavaScript
• Homepage:
• Size: 5.16 MB
• Stars: 9
• Watchers: 4
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Umbraco Dev Tools

A Chrome Extension to view live logs from an Umbraco Website. WIth future plans to see more detailed view/report of MiniProfiler results, along with a few other useful tools to add to your toolkit.

![Screenshot of Umbraco Developer Tools](https://raw.githubusercontent.com/warrenbuckley/Umbraco-DevTools/master/md-images/github-screenshot.png)

## Why build this?

I personally always wanted to build a Chrome Extension and learn something a bit new, but I find sometime trawling through large or long logfiles hard & cumbersome. So I thought it would be a nicer debugging experience that you open a Chrome Developer Tools and see logs in realtime whilst you perform the set of actions that is casuing an error or irregularity. With seeing logs in realtime you will be able to pinpoint the problem a lot quicker.

## Requirements for usage

Due to some underlying OWIN MiddleWare startup code for Umbraco that I need to hook into, this now requires a minimum of at least 7.5 beta 2 and the associated Chrome Extension from the Chrome Store - https://chrome.google.com/webstore/detail/umbraco-developer-tools/gjcgemjmhmgcmioedcghnemmadcimjia

## Projects

An overview of what makes up this project

* `Umbraco.DevTools.Chrome`


This is the code for the Chrome Extension itself which is made up of client side assets, that includes the logging extension that connects to the Logger SignalR Hub, along with the Mini Profiler results viewer

* `Umbraco.DevTools.TestSite`


This contains a sample Umbraco website allowing us to test and set debug points in the main C# project

* `Umbraco.DevTools.Logger`


This contains the code for Log4Net appender and the SignalR hub that pushes Log4Net log messages to our Chrome extension

## Setup & Configuration

The Nuget package & Umbraco zip should handle this for you automatically. You may use the following below as reference:

### SignalR Setup

To ensure the SignalR hub is registered and picks up the custom SignalR Authorize attribute to determine if you have logged into Umbraco, we need to tell Umbraco what OWIN startup class we want to use, by modifying the web.config of your Umbraco site to the following

``

### Log4Net Configuration

Add the following to your Log4Net config inside the `` element

```

```

Next add a new appender element to the file as follows:

```

  

    

  

```