إضافات Chrome لتطوير الويب
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
الخميس 27 أيار (مايو) 2010
تُعدّ أدوات مطوري برامج Chrome وسيلة رائعة لتصحيح أخطاء HTML وJavaScript وCSS في Chrome. إذا كنت تكتب صفحة ويب أو حتى تطبيق ويب لسوق Chrome الإلكتروني، يمكنك فحص العناصر المتوفرة في DOM، وتصحيح أخطاء JavaScript الحية، وتعديل أنماط CSS مباشرةً في الصفحة الحالية. يمكن أن تجعل الإضافات من Google Chrome بيئة تطوير أفضل على الويب وذلك من خلال توفير ميزات إضافية يمكنك الوصول إليها بسهولة في متصفحك. لمساعدة المطوّرين مثلك،
أنشأنا صفحة
تتضمّن إضافات لتطوير البرامج على الويب.
نأمل أن تجدها مفيدة في إنشاء التطبيقات والمواقع الإلكترونية على الويب.
على سبيل المثال، تُعدّ إضافة Speed Tracer وسيلة لمساعدتك في تحديد مشاكل الأداء وحلّها في تطبيقات الويب الخاصة بك. باستخدام Speed Tracer، يمكنك الحصول على فكرة أفضل عن كيفية قضاء الوقت في تطبيقك وتحديد المشاكل وحلّها في تحليل وتنفيذ كل من JavaScript، ونمط CSS، والمزيد.
من الإضافات المفيدة الأخرى اختبار الدقة الذي يغيّر حجم نافذة المتصفح، بحيث يمكن لمطوري الويب معاينة مواقع إلكترونية بقيم مختلفة لدقة الشاشة. تتضمن هذه الإضافة أيضًا قائمة بدرجات الدقة الشائعة في الاستخدام، بالإضافة إلى خيار مخصص لإدخال مستوى الدقة الخاص بك.
باستخدام إضافة Web Developer، يمكنك الوصول إلى أدوات إضافية للمطورين، مثل خيارات التحقق من الصحة وتغيير حجم الصفحة وعرض عناصر CSS، وكل ذلك من زر إضافي في شريط الأدوات.
هناك إضافة أخرى يجب الاطّلاع عليها، وهي Chrome Editor التي تسمح لك بكتابة الرموز البرمجية بسهولة داخل متصفحك، كي لا تضطر إلى التنقل بين المتصفح وأداة تعديل الرموز. يمكنك أيضًا حفظ مرجع رمز على جهازك لاستخدامه لاحقًا.
هذه ليست سوى بضع إضافات يمكنك العثور عليها ضمن إضافات صفحات تطوير الويب.
يمكنك أيضًا البحث عن المزيد في معرض الإضافات.
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],[],[],["Chrome extensions enhance web development by providing tools within the browser. Key extensions include Speed Tracer for identifying performance issues, Resolution Test for previewing websites at various screen sizes, Web Developer for validation and CSS tools, and Chrome Editor for coding directly in the browser. Developers can find these and more extensions on the designated web development page and the extensions gallery to help create web applications.\n"]]