Safari

// Safari DevTools - Web Inspector

// فتح Web Inspector:
// Cmd+Option+I أو Develop > Show Web Inspector

// أولاً: تفعيل Develop Menu
// Safari > Preferences > Advanced > "Show Develop menu"

// Features:
// - Elements Tab - فحص وتعديل DOM/CSS
// - Console - تنفيذ JavaScript
// - Sources - تصحيح الأخطاء (Debugger)
// - Networks - تحليل الطلبات
// - Timelines - تحليل الأداء (Rendering, Layout, Compositing)
// - Storage - فحص Cookies, LocalStorage, IndexedDB

// Responsive Design Mode:
// Cmd+Option+R أو Develop > Enter Responsive Design Mode
// - محاكاة أجهزة مختلفة
// - Device Metrics, DPR, User Agent

// Remote Debugging (iOS):
// - ربط iPhone/iPad بكابل
// - Settings > Safari > Advanced > Web Inspector (ON)
// - Develop Menu > Device > Page

// Safari Extensions (Safari Web Extensions):
// manifest.json
{
  "manifest_version": 3,
  "name": "My Safari Extension",
  "version": "1.0",
  "permissions": ["activeTab"],
  "action": {
    "default_popup": "popup.html"
  },
  "background": {
    "service_worker": "background.js"
  },
  "safari_web_extensions": true
}

// بناء Extension:
// 1. Xcode > File > New > Project > Safari Extension
// 2. أو استخدام Safari Web Extension Converter
// 3. أو تطوير كـWeb Extension عادي وتحويله

// ملاحظات مهمة للتطوير:
// - اختبار على Safari دائماً! (ليس كل المواقع تعمل)
// - WebKit يدعم بعض الميزات بشكل مختلف
// - -webkit- prefixes لا تزال مطلوبة لبعض CSS
// - iOS Safari لها قيود إضافية (لا Service Workers قديمة)

// خصوصية:
// - Intelligent Tracking Prevention (ITP)
// - Privacy Report - عرض المتعقبين المحجوبين
// - Hide IP Address من المتعقبين
// - Private Browsing مع حماية