مشفر URL

شفّر عناوين URL بالطريقة المناسبة للسياق الذي تعمل فيه

يبدو ترميز URL بسيطًا حتى تبدأ الأحرف المحجوزة في كسر سلسلة الاستعلام أو المسار. تساعدك هذه الأداة على اختيار الفرق بين ترميز جزء واحد وترميز عنوان URL كامل، وهذا مهم لأن encodeURIComponent و encodeURI يحتفظان بأحرف مختلفة عن قصد. وعندما تختبرهما محليًا داخل المتصفح، يمكنك رؤية كيفية التعامل مع المسافات والعلامة & وعلامة = والهاش والشرطات المائلة قبل لصق الناتج في الكود أو في طلب API.

لماذا يهم هذا الفرق

تحتاج معلمة الاستعلام إلى ترميز أكثر صرامة من عنوان URL كامل. إذا فرطت في الترميز، فقد تكسر بنية الرابط. وإذا قصرت فيه، فقد يقسم الخادم القيمة في المكان الخطأ أو يتعامل مع الأحرف الخاصة كفواصل. تجعل هذه الأداة الفرق واضحًا حتى تعرف هل تجهز معلمة أو مقطع مسار أو عنوانًا كاملًا.

طريقة عملية

من الأفضل أن تلصق قيمة مثال، وتقارن بين الناتج المشفر على مستوى المكوّن والناتج المشفر للعنوان الكامل، ثم تختار النسخة المناسبة لحالتك. هذا مفيد جدًا عند بناء طلبات fetch أو النماذج أو الروابط العميقة التي تحتوي على قيم ديناميكية. وإذا بدا الناتج غريبًا، فغالبًا يعني ذلك أن السلسلة الأصلية تحتوي على أحرف تحتاج إلى استراتيجية ترميز مختلفة. إن رؤية الناتجين جنبًا إلى جنب هي أسرع طريقة لتجنب الروابط المعطلة.