أولاً افتح Baidu ، ثم اضغط على F12 لفتحه. إذا لم يكن عنصر وحدة التحكم ، فانقر فوق عنصر وحدة التحكم لأننا نريد تشغيله في وحدة التحكم. .
انظر المحتوى التالي:
حسنًا ، دعنا نقوم بمسح المحتوى أولاً ، يمكنك النقر بزر الماوس الأيمن وتحديد قائمة Clear Console ، أو إدخال Clear ().
بعد ذلك ، ندخل document.getElementByid ('kw1') ؛ ثم اضغط على Enter لمعرفة معلومات العنصر باستخدام ID KW1.
أليس هذا بسيط جدا؟ الخطوة التالية هي استخدام Console.dir لعرض معلومات العنصر.
أدخل console.dir (document.getElementById ('kw1')) ؛ ثم اضغط على Enter وشيء غريب يخرج.
يمكنك النقر فوق هذا الشيء ، وسوف يوسع وسرد جميع أساليب السمات. ببساطة ، إنها طريقة سمة DOM لهذا العنصر.
حسنًا ، لن أخوض في التفاصيل حول هذا الموضوع. على أي حال ، فإن طريقة DIR هي أيضًا واحدة من أدوات التصحيح.
هذه الأسئلة هي في الواقع تنبؤ بمحتوى اليوم. لقد رأينا للتو كيفية عرض عنصر وطرق السمة على وحدة التحكم.
في الواقع ، توفر لنا وحدة التحكم العديد من واجهات برمجة التطبيقات لسطر الأوامر. بعبارة ببساطة ، إنها وظيفة يمكن فقط استخدام وحدة التحكم.
حاليا ، أساليب وحدة التحكم والخصائص هي: (Chrome 34)
نسخة الكود كما يلي:
" "3 دولارات" ، "4 دولارات" ، "$ _"]
ملاحظة: أما بالنسبة لكيفية عرض هذه الأشياء ، سأتحدث عنها لاحقًا. أخشى أنك لن تفهمهم في الوقت الحالي.
يمكنك أيضًا الرجوع إلى "Console Object #3. API Line API" لرؤية بعض استخداماتها.
ما نستخدمه غالبًا هو $ ، $ _ ، $ 0-$ 4 ، dir ، المفاتيح ، القيم. إذا كنت مهتمًا أو ترغب في التعلم بعمق ، فيرجى قراءة المواد بنفسك.
نسخة الكود كما يلي:
$ // ببساطة فهم أنها مستند.
$$ // ببساطة فهم أنه مستند. feryquelectorall.
$ _ // هي قيمة التعبير السابق ، وكائن وحدة التحكم رقم 3. تم شرح API سطر الأوامر.
$ 0-$ 4 // هو عنصر DOM المحدد في لوحات العناصر الخمسة الأخيرة ، وسيتم مناقشته لاحقًا.
dir // إنه في الواقع console.dir
Keys // خذ اسم المفتاح للكائن ، وإرجاع صفيف مكون من أسماء مفاتيح
القيم // قم بإزالة قيمة الكائن وإرجاع مجموعة من القيم
حسنًا ، ليس من الصعب فهمها من التفسير ، لكن لم يتم ذلك من قبل ، ولا أحد يعرف ما سيحدث.
لعنة Baidu ، تم تحميل jQuery 1.10.2. في الأصل ، فإن بيئة بايدو نظيفة وأكثر ملاءمة للحديث عن هذا ، ولكن اتضح أنها أحمق. .
دعونا نتغير إلى سوسو لشرح. . افتح http://www.soso.com/ ثم افتح وحدة التحكم.
الآن نستخدم $ لعرض العنصر باستخدام Query ID (مثل عنصر KW1 في Baidu) ، ثم تحقق من طريقة السمة للعنصر.
نفس الوظيفة كما كان من قبل ، ولكن الكود الآن بسيط للغاية. باستخدام خصائص وحدة التحكم الثلاثة وأساليب $ ، dir ، $ _ ، هل يجعل تصحيح الأخطاء أسهل على الفور؟
قد يقول بعض الناس أنه في الوقت الحاضر ، يتم استخدام jQuery عادة ، ماذا يجب أن أفعل إذا أردت التحقق من هذا؟
العودة إلى بايدو ، دعنا نفعل العملية الآن.
إنها مختلفة قليلاً عن الخطوة الآن ، لأن خطوة $ ('#kw1') تحصل على كائن jQuery ، وبالتالي فإن طريقة سمة jQuery التي نأتي بها.
إذا كنت تريد رؤية طريقة السمة للعنصر الحقيقي ، فأضف A [0]
بالطبع ، إذا كنت تريد فقط رؤية كائن jQuery ، فلا توجد مشكلة. . أما بالنسبة لتصحيح الأخطاء ، بالطبع عليك تجربته أثناء التعديل. .
في الواقع ، هناك طريقة أخرى بسيطة للغاية ، وهي النقر فوق أيقونة الزجاج المكبرة في الزاوية اليسرى العلوية وحدد مربع الإدخال.
وبهذه الطريقة ، يمكننا استخدام $ 0 مباشرة لمشاهدته. لقد قدمنا 0 دولار-4 دولارات فقط الآن. هذه هي الوظيفة ، إنها بسيطة.
دعنا نتحدث بإيجاز عن المفاتيح والقيم ، والتي سيتم استخدامها لاحقًا. . لكن بعض الناس ما زالوا يرغبون في مشاهدته مباشرة.
نسخة الكود كما يلي:
var obj = {name: 'nima' ، العمر: 22 ، desc: 'Silk One'} ؛
أعتقد أنه يمكنك فهمه في لمحة وفهمه في لمحة.
حسنًا ، محتوى اليوم هو كل ذلك تقريبًا. بالطبع ، يجب أن أجربها بنفسي ، وإلا فلن أتمكن من تعلم نقاط المعرفة هذه. .
إذا استطعنا فقط قراءتها ، فسنكون جميعًا أفضل الهدافين في امتحان القبول في الكلية ، أليس كذلك؟
أخيرًا ، اسمحوا لي أن أخبرك بالخدعة الصغيرة ، وهي استخدام الأوامر التي أدخلتها من قبل ، لا تحتاج إلى إعادة الدخول. يمكنك البحث لأعلى ولأسفل من خلال مفاتيح الأسهم ↑ و ↓. هذه الوظيفة تشبه CMD وهي مريحة للغاية. .
تمارين بعد الفصل: (الآن اضغط F12 مباشرة لفتح وحدة التحكم)
1. تحقق من رمز مصدر الوظيفة الموصى به في هذه الوظيفة أسفل المقالة (بالطبع يمكنك النقر على التوصية ، لم أوقفك. o (∩_∩) o)
2. موضع إلى موقع الملف حيث توجد الوظيفة. (الذروة قادمة)
3. تعديل الوظيفة لإبطالها. (في الواقع ، إنه مجرد تعديل عالمي بسيط وتصحيح الأخطاء.)
أخيرًا ، إذا كان ما يقال خطأ ، أو لا يمكن فهمه ، أو لا يمكن للتقدم مواكبة ، وما إلى ذلك ، فيرجى نشرها وتشكوها.
أيضًا ، إذا كنت تريد مني إضافة شيء ما ، أو تصحيح أي مشاريع حقيقية أو مكونات إضافية ، فيمكنك أيضًا نشرها. بالطبع ، إذا كان مشروعًا مزعجًا للغاية ، فلا يمكنني كتابة مقال لتقديمه. أنا لست مقالا. . .