أدلة عملية لأدوات المتصفح
مقالات قصيرة تشرح سير العمل خلف الأدوات.
أنماط Regex عملية
دليل عملي لفحص Regex في JavaScript للنماذج ومطابقة المسارات والبحث في السجلات.
قبل كتابة Regex، جهز امثلة يجب أن تطابق وأخرى يجب أن تفشل. بعد ذلك راجع flags ومجموعات الالتقاط ومحارف الهروب لتجنب المطابقة الخاطئة.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
أمثلة جداول Cron
أمثلة وتنبيهات لإنشاء مهام متكررة بالدقائق والساعات والأيام والشهور باستخدام five-field cron.
قبل نسخ تعبير Cron، راجع معنى الدقيقة والساعة ويوم الأسبوع والشهر. ثم تحقق هل يستخدم التشغيل five-field أو Quartz أو صيغة مع منطقة زمنية.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
وسوم SEO meta
دليل meta tags المهمة لمقتطفات البحث والمعاينات الاجتماعية وcanonical URL والصفحات المكررة.
قبل إنشاء meta tags، تأكد أن title وdescription وcanonical URL وOpen Graph URL تصف الصفحة النهائية نفسها. المداخل المكررة تضعف إشارة البحث.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
قيود معاينة iframe
شرح سبب رفض بعض الصفحات للعرض داخل iframe وكيفية قراءة CSP وX-Frame-Options أثناء preview متجاوب.
قبل استخدام iframe، تحقق هل تمنع CSP أو X-Frame-Options تحميل الصفحة. لا تعرض الأداة إلا الصفحات العامة التي يسمح المتصفح بتحميلها.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
نص placeholder للتصميم
دليل لاستخدام النص المؤقت دون إخفاء مشاكل التخطيط وإمكانية الوصول ونص المنتج.
يساعد النص المؤقت على اختبار المسافات والتفاف السطور والحالات الفارغة، لكنه يجب أن يقترب من طول المحتوى الحقيقي. النص المنتظم جدا قد يخفي التجاوزات.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل أدوات المتصفح
سير عمل عملي لاستخدام أدوات المتصفح المحلية مع حماية المحتوى الحساس وبيانات الإنتاج.
عند التعامل مع payload أو token أو إعدادات، احذف القيم الحساسة أولا، ثم نسق أو حول، وبعدها راجع الناتج بأداة مرتبطة.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
ملاحظات أمان Hash
ملاحظات لاستخدام MD5 وSHA-1 وSHA-256 وSHA-512 دون الخلط بين التجزئة والتشفير.
MD5 وSHA-1 وSHA-256 وSHA-512 مفيدة للتحقق وبصمة المحتوى. لا تخفي النص الأصلي ولا تكفي وحدها لحماية كلمات المرور.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل text diff للمطورين
سير عمل لمقارنة مقاطع الكود وتغييرات الإعداد والسجلات ومراجعات المحتوى بسرعة أوضح.
قبل مقارنة الكود أو السجلات أو الإعدادات، وحّد فواصل الأسطر والمسافات والترتيب عند الحاجة. عندها يظهر diff التغيير الحقيقي بوضوح أكبر.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل تحويل البيانات
دليل لتحويل JSON وYAML وCSV مع فحص البنية والمصفوفات والكائنات والنتيجة قبل النسخ.
قبل التحويل بين JSON وYAML وCSV، راجع كيفية تمثيل القوائم والكائنات والقيم الفارغة والفواصل. بعد التحويل تحقق من البنية قبل النسخ.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل تنسيق SQL
سير عمل لتنسيق SQL الطويل وقراءة الشروط والربط والاستعلامات الفرعية والفروقات بسرعة أوضح.
عند تنسيق SQL، لا تغير الشروط أو ترتيب join أو محتوى السلاسل. استخدم formatter للقراءة ثم راجع diff للتأكد أن التغيير في المسافات والأسطر فقط.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
فحص اللون والتباين
دليل لاستخدام HEX وRGB وHSL ونسبة التباين للحفاظ على قابلية قراءة ألوان الواجهة.
بعد تحويل اللون، افحص التباين على الخلفية وحجم النص وحالة الواجهة الفعلية. قيم HEX أو RGB وحدها لا تثبت قابلية القراءة.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل مولد آمن
معايير لإنشاء كلمات مرور وtokens وUUID وULID للتطوير دون المبالغة في وعود الأمان.
كلمات المرور وtokens وUUID وULID مناسبة لقيم الاختبار والبيانات التجريبية والمعرفات المؤقتة. لا تعامل الناتج المحلي كمفتاح انتاج أو اعتماد طويل الاجل.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
أدوات Web و SEO
سير عمل Web SEO يجمع robots.txt وsitemaps وfavicons وتحليل URL والمعاينات الاجتماعية.
يجب أن تشير robots.txt وsitemap وcanonical URL والمعاينات الاجتماعية إلى المجموعة نفسها من الصفحات النهائية. اصلح الحالة والمداخل المكررة قبل تعديل العنوان أو الوصف.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل فحص الشبكة
دليل لتضييق مشاكل النشر العام والتحويلات وربط النطاق باستخدام حالة HTTP وسجلات DNS.
تساعد حالة HTTP وسلسلة التحويل وسجلات DNS على فصل مشاكل النشر والنطاق والذاكرة المؤقتة. افحص URL أو host عاما فقط.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل أدوات CSS
دليل لاستخدام تنسيق CSS وتصغيره وتحويل الوحدات وحساب clamp داخل سير عمل تخطيط حقيقي.
قبل ترتيب CSS أو تصغيره أو تحويل الوحدات أو حساب clamp، راجع نقاط التوقف وعرض الحاوية وحدود حجم الخط. بذلك لا يكسر الناتج الواجهة الفعلية.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل تنظيف النص
سير عمل لترتيب النص وإزالة التكرار والعد والمعاينة والتطبيع قبل استخدامه في الكود أو CMS.
قبل الترتيب أو إزالة التكرار أو العد أو إنشاء slug، احتفظ بالنسخة الأصلية. بعد التنظيف قارن عدد الأسطر والمسافات وحالة الأحرف حتى لا تفقد محتوى مهما.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.
سير عمل الرموز وفن النص
دليل لإنشاء رموز ولافتات ASCII وفن نقطي قابل للنسخ مع فحص العرض واختلافات العرض قبل النشر.
قد يتغير شكل الرموز وفن النص حسب الخط والعرض وفواصل الأسطر. حدد مكان الاستخدام قبل اختيار رموز قصيرة أو لافتة ASCII أو فن نقطي.
أبعد البيانات الحساسة
- تأكد أن عينة الإدخال تمثل المشكلة الفعلية.
- سجل المتصفح أو المجدول أو parser أو بيئة النشر.
- إذا ظهرت أي تحذيرات فراجع بأداة مرتبطة قبل النسخ.