# 🔍 Debugging Outlook Web Add-in Installation

## 🛠️ Step 1: Open Browser Developer Tools

### In Chrome/Edge:
1. **Press F12** or **Ctrl+Shift+I** (Windows) / **Cmd+Option+I** (Mac)
2. **Click "Console" tab**
3. **Keep it open** during installation

### In Firefox:
1. **Press F12** or **Ctrl+Shift+K**
2. **Click "Console" tab**

### In Safari:
1. **Enable Developer Menu**: Safari → Preferences → Advanced → "Show Develop menu"
2. **Develop** → **Show Web Inspector**
3. **Click "Console" tab**

## 📱 Step 2: Try Installation with Console Open

1. **Go to**: https://outlook.office.com
2. **Keep Developer Tools open** (F12)
3. **Open any email**
4. **Watch the Console** for any error messages
5. **Click "..." menu** → **"Get Add-ins"**
6. **Click "My add-ins"** → **"Custom add-ins"**
7. **Click "Add a custom add-in"** → **"Add from file..."**
8. **Select your manifest file** from Desktop
9. **Watch Console for errors**
10. **Click "Install"**

## 🚨 What to Look For in Console:

### Common Error Messages:
- `Failed to fetch manifest`
- `Invalid manifest schema`
- `CORS error`
- `Network error`
- `XML parsing error`
- `Resource not found`

### Network Tab Errors:
1. **Click "Network" tab** in Developer Tools
2. **Try installation again**
3. **Look for failed requests** (red entries)
4. **Check if manifest.xml loads properly**

## 📊 Step 3: Validate Manifest Before Upload

Let me create a quick validator for you: