Browsersync يقوم Browsersync بمزامنة تغييرات الملفات وتفاعلات المستخدم (التمرير، النقرات، مدخلات النماذج) عبر أجهزة متعددة في الوقت الفعلي أثناء تطوير الويب.
التثبيت
# التثبيت العام عبر npm
npm install -g browser-sync
# أو التشغيل عند الطلب عبر npx
npx browser-sync start --server
تشغيل خادم تطوير ثابت
تقديم الملفات الثابتة ومراقبة ملفات HTML/CSS/JS للتغييرات:
browser-sync start --server "public" --files "public/**/*.html, public/**/*.css, public/**/*.js"
إنشاء بروكسي لخادم خلفي موجود
تغليف خادم تطوير محلي قائم (مثل Rails أو Node أو PHP) مع ميزة إعادة التحميل المباشر:
browser-sync start --proxy "localhost:3000" --files "**/*.css, **/*.js, **/*.html"
خيارات سطر الأوامر الشائعة
| الخيار | الوصف |
|---|---|
--server, -s |
تشغيل خادم ملفات HTTP ثابت مدمج |
--files, -f |
مسارات الملفات أو أنماط glob المطلوب مراقبتها |
--port |
تحديد منفذ خادم مخصص (الافتراضي 3000) |
--proxy, -p |
إنشاء بروكسي لعنوان ويب محلي موجود |
--no-open |
منع فتح نافذة المتصفح تلقائيا |
--no-notify |
تعطيل شارة الإشعارات العائمة داخل المتصفح |
--tunnel |
إتاحة الخادم للإنترنت العام عبر عنوان URL عام |