جافا سكريبت JS المصغر
قم بإزالة التعليقات وقم بطي المسافات البيضاء من JavaScript لمعرفة حجم الملف الذي يتم تنسيقه بدلاً من التعليمات البرمجية. يتم تشغيل المصغر في متصفحك على النص الذي تلصقه، مما يجعله طريقة سريعة لتقليص المقتطف أو فحص اختلاف الحجم دون إعداد خطوة إنشاء.
كيف يعمل
- 1
الصق جافا سكريبت الذي تريد ضغطه.
- 2
قم بتشغيل أداة التصغير - تتم إزالة التعليقات ويتم طي المسافات البيضاء حول عوامل التشغيل وعلامات الترقيم.
- 3
قارن بين الحجم قبل وبعد لمعرفة التنسيق الذي كان يكلفك.
- 4
انسخ النتيجة، أو احتفظ بالأصل إذا كان الكود يحتوي على البنيات المدرجة ضمن الحدود أدناه.
المزايا والفوائد الرئيسية
مقارنة الحجم الفوري
ترى الطول الأصلي والمضغوط معًا، وهو ما يجيب على السؤال العملي حول ما إذا كان تصغير هذا الملف يستحق القيام به على الإطلاق.
لا توجد أدوات البناء
مفيد للمقتطف أو البرنامج النصي المضمن أو الملف لمرة واحدة حيث قد يستغرق توصيل أداة التجميع وقتًا أطول من المهمة.
يعمل محليا
تتم معالجة الكود الذي قمت بلصقه في علامة التبويب، لذلك لا يصل المصدر الخاص إلى الخادم أبدًا.
إخراج قابل للقراءة
لا تزال النتيجة عبارة عن نص JavaScript صالح يمكنك فحصه، وليس كائنًا ثنائيًا ضخمًا مبهمًا.
فيما يستخدمه الناس
- تقليص البرنامج النصي المضمن الصغير قبل تضمينه في صفحة أو قالب بريد إلكتروني.
- التحقق من مقدار التعليقات والمسافات البادئة للملف قبل تحسين أي شيء آخر.
- ضغط مقتطف لحقل محدود الأحرف، مثل القالب المخصص لإدارة العلامات.
- توضيح ما يفعله التصغير عند شرح خط أنابيب البناء.
التنسيقات والخيارات المدعومة
| الإدخال | تم لصق مصدر جافا سكريبت كنص |
|---|---|
| تمت الإزالة | تعليقات الأسطر، وحظر التعليقات، والمسافات البيضاء الزائدة عن الحاجة، والمسافات حول عوامل التشغيل وعلامات الترقيم |
| الإخراج | نص JavaScript مصغر، منسوخ إلى الحافظة |
الخصوصية ومعالجة البيانات
تتم معالجة التعليمات البرمجية التي تلصقها بواسطة JavaScript في علامة تبويب المتصفح الخاص بك ولا يتم تحميلها أبدًا، وهو أمر مهم عندما لا يكون المصدر عامًا.
الحدود والأشياء التي يجب معرفتها
- هذا عبارة عن أداة تصغير للمسافات البيضاء والتعليقات مبنية على مطابقة الأنماط، وليس محللًا. لا يقوم بإعادة تسمية المتغيرات أو إسقاط التعليمات البرمجية الميتة أو إجراء هز الشجرة الذي يقوم به المجمع.
- نظرًا لأنه لا يقوم بتحليل اللغة، فإنه يمكن أن يفسد التعليمات البرمجية حيث تظهر تسلسلات تشبه التعليق أو تشبه عوامل التشغيل داخل السلاسل أو القيم الحرفية للقالب أو القيم الحرفية للتعبير العادي - عنوان URL مثل https://example.com داخل السلسلة هو الحالة الكلاسيكية.
- تحقق دائمًا من الإخراج قبل شحنه. بالنسبة لإصدارات الإنتاج، استخدم esbuild أو Terser أو أداة تصغير أداة التجميع الخاصة بك، والتي تقوم بتحليل الكود بشكل صحيح.
استكشاف الأخطاء وإصلاحها
يلقي الرمز المصغر خطأ
تحقق من وجود سلاسل أو أحرف regex الحرفية التي تحتوي على // أو /* - يتعامل مُطابق النمط مع تلك السلاسل كتعليقات. احتفظ بالملف الأصلي وقم بتصغيره باستخدام أداة تعتمد على المحلل اللغوي مثل Terser أو esbuild بدلاً من ذلك.
يؤدي الإدراج التلقائي للفاصلة المنقوطة إلى كسر النتيجة
يمكن للتعليمات البرمجية التي تعتمد على الأسطر الجديدة لإنهاء البيانات أن تغير المعنى عندما تنهار المسافة البيضاء. أضف فواصل منقوطة صريحة في المصدر قبل تصغيره.
الادخار يبدو صغيرا
عادةً ما توفر إزالة المسافات البيضاء وحدها أقل بكثير من ضغط gzip أو Brotli على الخادم. قم بتمكين الضغط على مضيفك قبل تحسين المصدر بشكل أكبر.
JavaScript Minifier — Compress JS Code Online Free
This free JavaScript minifier compresses JS files for production by stripping comments, line breaks and superfluous whitespace. Paste a script, minify it, and copy a leaner bundle that parses and executes faster on low-end mobile devices.
- Compress JavaScript for faster load times — smaller scripts mean fewer bytes over the wire and less main-thread parse time — the two costs that dominate JavaScript performance budgets.
- Comment and whitespace stripping — development notes, dead formatting and generous indentation are removed from the shipped output.
- Copy-paste ready — minified JS lands on your clipboard in one click, ready to drop into a build folder, a CMS template or an inline script tag.
- No build tooling required — a practical option when you are editing a WordPress theme, a landing page or a legacy site with no webpack, Vite or Rollup pipeline.
- Private, in-browser minification — unreleased product code and API glue never leave the tab — nothing is uploaded to a minification server.
Minify your stylesheets with the CSS Minifier too, and use the Base64 Converter when you need to inline a small asset into the script itself.
الأسئلة المتداولة
Is this safe to use on production code?
Treat it as a quick utility, not a build step. It matches patterns rather than parsing JavaScript, so it can damage code where comment-like or operator-like sequences appear inside strings, template literals or regular expressions. Verify the output, and use esbuild or Terser for anything you ship.
Why did my minified code stop working?
The usual cause is a URL inside a string — the double slash in https:// looks like the start of a comment to a pattern matcher. Code that relies on newlines for automatic semicolon insertion is the other common failure.
Does it rename variables like a real minifier?
No. It removes comments and collapses whitespace only. Variable renaming and dead-code elimination need a parser that understands scope, which is what bundler minifiers do.
هل JS المصغر آمن للنشر؟
نعم، يحافظ الكود المصغر على منطق وظيفي دقيق بنسبة 100%.
هل هذا آمن للاستخدام في رمز الإنتاج؟
تعامل معها كأداة مساعدة سريعة، وليست خطوة بناء. فهو يطابق الأنماط بدلاً من تحليل جافا سكريبت، لذلك يمكن أن يلحق الضرر بالتعليمات البرمجية التي تظهر فيها تسلسلات شبيهة بالتعليقات أو تسلسلات تشبه عوامل التشغيل داخل السلاسل أو القيم الحرفية للقالب أو التعبيرات العادية. تحقق من الإخراج واستخدم esbuild أو Terser لأي شيء تقوم بشحنه.
لماذا توقف الكود المصغر الخاص بي عن العمل؟
السبب المعتاد هو عنوان URL داخل سلسلة - الشرطة المائلة المزدوجة في https:// تبدو وكأنها بداية تعليق لمطابق النمط. التعليمات البرمجية التي تعتمد على الأسطر الجديدة لإدراج الفاصلة المنقوطة تلقائيًا هي الفشل الشائع الآخر.
هل يعيد تسمية المتغيرات مثل المصغر الحقيقي؟
لا، فهو يزيل التعليقات ويطوي المسافات البيضاء فقط. تحتاج إعادة تسمية المتغير وإزالة التعليمات البرمجية الميتة إلى محلل يفهم النطاق، وهو ما تفعله أدوات تصغير المجمع.
الأدوات ذات الصلة
المصغر والمنسق CSS
تصغير كود CSS لتقليل حجم الملف أو تجميل الكود
تنسيق JSON
قم بتنسيق JSON والتحقق من صحته وتصغيره على الفور
اختبار التعبير العادي (RegEx).
اختبار وتصحيح التعبيرات العادية في الوقت الحقيقي
مولد ومطهر سبيكة URL
قم بتحويل عناوين المدونات والنصوص إلى روابط ثابتة لعناوين URL نظيفة