تخطي إلى المحتوى الرئيسي
ترميز الروابط

مرمّز مكوّن URI بأسلوب RFC 3986

يرمز النصوص إلى تنسيق URL آمن باستخدام encodeURIComponent وencodeURI مع دعم UTF-8. مفيد لإنشاء روابط آمنة وترميز بيانات النماذج. يوفر خيار ترميز كامل أو جزئي مع نسخ النتيجة.

أدوات الروابط

باختصار

ترمّز الأداة مكوّنًا واحدًا لا URL كاملة؛ تُهرب : و/ و? و# و& و= عمدًا لأنها بيانات داخل المكوّن.

ما الذي تدعمه الأداة

  • تشغّل encodeURIComponent على Unicode وتنتج percent bytes بترميز UTF-8 لغير ASCII.
  • تهرب ! والفاصلة العليا و( و) و* بأرقام hex كبيرة لتوافق unreserved.
  • تترك الحروف والأرقام و- . _ ~ فقط، وتهرب محددات URL لأن الإدخال مكوّن واحد.
  • توفر live أو يدويًا والنسخ وencoded-url.txt بلا جلب أو حل URL.

كيفية استخدام مرمّز مكوّن URI بأسلوب RFC 3986

اتبع سير العمل الخاص بتنفيذ مرمّز مكوّن URI بأسلوب RFC 3986؛ فكل خطوة تعكس عناصر التحكم والحدود الفعلية في مساحة عمل المتصفح.

  1. 1

    الخطوة 1

    أدخل المصدر بدقة

    حدد مكوّنًا واحدًا مثل query value أو path segment؛ لا تلصق URL كاملة إلا إذا أردت كل المحددات بيانات.

  2. 2

    الخطوة 2

    اختر العملية

    ألصق نص Unicode الخام مع المسافات و% المقصودة.

  3. 3

    الخطوة 3

    اضبط الخيارات المتاحة

    اترك Live أو اضغط Encode لتطبيق UTF-8 وescapes الأحرف الخمسة.

  4. 4

    الخطوة 4

    نفّذ العملية محليًا

    أضف المحددات البنيوية خارج القيمة المرمزة عبر URL builder.

  5. 5

    الخطوة 5

    تحقق من النتيجة ثم تابع

    انسخ المكوّن واختبر round-trip واحدًا مع المستقبِل نفسه.

الأخطاء الشائعة

ترميز URL كاملة وتوقع بقاءها قابلة للتنقل

النتيجة: تصبح المحددات بيانات مثل https%3A%2F%2F.

الإصلاح: حلّل URL ورمّز كل قيمة مكوّن فقط.

ترميز نص percent-encoded مرة أخرى

النتيجة: يتحول % إلى %25 وينتج double encoding مثل %2520.

الإصلاح: افصل الخام عن المرمّز وارمّز مرة واحدة.

استخدام الناتج كـform-urlencoded بلا فحص

النتيجة: يستخدم encodeURIComponent ‏%20 للمسافة بينما تستخدم النماذج + وقواعد أخرى.

الإصلاح: استخدم URLSearchParams أو serializer البروتوكول.

أفضل الممارسات

  • رمّز البيانات قبل جمعها مع محددات URI.
  • اختبر Unicode والمحددات و% وplus round-trip مع المستقبِل.
  • استخدم URL وURLSearchParams للـURL الكاملة بدل الربط اليدوي.

سير العمل المرتبط

قيود المتصفح

  • وضع مكوّن واحد فقط؛ لا path/full URL/forms/IDNA أو إبقاء محددات انتقائي.
  • يرمي encodeURIComponent على lone UTF-16 surrogate وتعرض الواجهة الرسالة كناتج.
  • تعمل السلاسل الكبيرة تزامنيًا ولا تتحقق من حد طول المستقبل.

المراجع الموثوقة

RFC 3986: Uniform Resource Identifier (URI) Generic Syntaxالناشر: IETF / RFC Editor · تاريخ المراجعة: 2026-07-26encodeURIComponent()الناشر: MDN Web Docs · تاريخ المراجعة: 2026-07-26

أمثلة عملية

الإدخال
café & tea
النتيجة
يصير é إلى %C3%A9 والمسافات %20 و& البيانات %26.

ينشئ encodeURIComponent بايتات UTF-8، ثم يهرب المرور اللاحق علامات RFC 3986 الإضافية بحروف hex كبيرة.

الأسئلة الشائعة

لماذا رُمّز https:// ومحددات query؟

لأن الإدخال مكوّن واحد فتعد : / ? & = بيانات لا بنية.

ما الأحرف التي تبقى؟

حروف وأرقام ASCII و- . _ ~؛ تهرب الأداة أيضًا ! والفاصلة العليا والقوسين والنجمة.

كيف تُرمز الأحرف غير ASCII؟

إلى بايتات UTF-8 ثم %HH لكل بايت، مثل é → %C3%A9.

هل %20 يساوي plus للمسافة؟

ليس دائمًا؛ %20 ترميز URI و+ اتفاق form-urlencoded.

هل أرمّز اسم نطاق دوليًا بهذه الطريقة؟

لا كـhost؛ يحتاج عادة IDNA/Punycode عبر URL APIs.

الخصوصية والعمل دون اتصال

يبقى النص والناتج في المتصفح ولا تُطلب URL. الملف والحافظة والتنزيل بإجراءات صريحة، ويعمل offline بعد التخزين.