1. أمر لعرض المعلومات
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<title> أمر وحدة التحكم المشتركة </title>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
</head>
<body>
<script type = "text/javaScript">
console.log ('hello') ؛
console.info ('Information') ؛
console.error ('خطأ') ؛
console.warn ('تحذير') ؛
</script>
</body>
</html>
وحدة التحكم الأكثر استخدامًا.
اثنان: صاحب نائب
التركيز أعلاه من وحدة التحكم يدعم تنسيق العنصر النائب printf. العناصر النائبة المدعومة هي: الأحرف (٪ s) ، الأعداد الصحيحة (٪ d أو ٪ i) ، أرقام النقاط العائمة (٪ f) والكائن (٪ o)
نسخة الكود كما يلي:
<script type = "text/javaScript">
console.log ("٪ d year ٪ d month d day" ، 2011 ، 3 ، 26) ؛
</script>
تأثير:
3. تجميع المعلومات
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<title> أمر وحدة التحكم المشتركة </title>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
</head>
<body>
<script type = "text/javaScript">
console.group ("المجموعة الأولى من المعلومات") ؛
console.log ("المجموعة الأولى أولاً: My XX (// www.vevb.com)") ؛
console.log ("المجموعة الأولى 2: xxx (http://vevb.com)") ؛
console.groupend () ؛
console.group ("المجموعة الثانية من المعلومات") ؛
Console.log ("المجموعة الثانية 1: Actusiast QQ Group: 80535344") ؛
console.log ("المجموعة الثانية 2: مرحبًا بالانضمام") ؛
console.groupend () ؛
</script>
</body>
</html>
تأثير:
4. عرض معلومات الكائن
Console.dir () يمكن عرض جميع خصائص وطرق كائن ما.
نسخة الكود كما يلي:
<script type = "text/javaScript">
var info = {
المدونة: "// www.vevb.com" ،
QQGroup: 80535344 ،
الرسالة: "عشاق البرنامج يرحبون بكم للانضمام"
} ؛
console.dir (info) ؛
</script>
تأثير:
5. عرض محتوى العقدة
يتم استخدام console.dirxml () لعرض رمز HTML/XML الموجود في عقدة صفحة ويب.
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<title> أمر وحدة التحكم المشتركة </title>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
</head>
<body>
<div id = "info">
<h3> مدونتي: www.ido321.com </h3>
<p> عشاق البرنامج: 259280570 ، مرحبًا بك للانضمام </p>
</div>
<script type = "text/javaScript">
var info = document.getElementById ('info') ؛
console.dirxml (info) ؛
</script>
</body>
</html>
تأثير:
6. تحديد ما إذا كان المتغير صحيحًا
يتم استخدام console.assert () لتحديد ما إذا كان التعبير أو المتغير صحيحًا. إذا كانت النتيجة لا ، يتم إخراج رسالة مقابلة على وحدة التحكم وإلقاء استثناء.
نسخة الكود كما يلي:
<script type = "text/javaScript">
VAR نتيجة = 1 ؛
console.assert (نتيجة) ؛
var year = 2014 ؛
console.assert (السنة == 2018) ؛
</script>
1 هي قيمة غير 0 ، إنها صحيحة ؛ والحكم الثاني خاطئ ، ويتم عرض رسالة الخطأ على وحدة التحكم
7. تتبع مسار استدعاء الوظيفة.
يتم استخدام Console.trace () لتتبع مسار المكالمة للوظيفة.
نسخة الكود كما يلي:
<script type = "text/javaScript">
/*كيف تسمى الوظيفة ، فقط أضف طريقة console.trace () لها*/
وظيفة إضافة (أ ، ب) {
console.trace () ؛
إرجاع A+B ؛
}
var x = add3 (1،1) ؛
الوظيفة add3 (a ، b) {return add2 (a ، b) ؛}
الدالة add2 (a ، b) {return add1 (a ، b) ؛}
وظيفة add1 (a ، b) {return add (a ، b) ؛}
</script>
معلومات إخراج وحدة التحكم:
8. وظيفة التوقيت
يتم استخدام Console.Time () و console.timeend () لعرض وقت تشغيل الكود.
نسخة الكود كما يلي:
<script type = "text/javaScript">
Console.Time ("وحدة التحكم في وحدة التحكم واحدة") ؛
لـ (var i = 0 ؛ i <1000 ؛ i ++) {
لـ (var j = 0 ؛ j <1000 ؛ j ++) {}
}
Console.TimeEnd ("Console Timer One") ؛
</script>
وقت التشغيل هو 38.84ms
9. تحليل أداء وحدة التحكم. profile ()
تحليل الأداء (Profiler) هو تحليل وقت تشغيل كل جزء من البرنامج ومعرفة عنق الزجاجة. الطريقة المستخدمة هي Console.profile ().
نسخة الكود كما يلي:
<script type = "text/javaScript">
وظيفة All () {
تنبيه (11) ؛
لـ (var i = 0 ؛ i <10 ؛ i ++) {
Funca (1000) ؛
}
FUNCB (10000) ؛
}
وظيفة funca (العد) {
لـ (var i = 0 ؛ i <count ؛ i ++) {}
}
وظيفة funcb (العد) {
لـ (var i = 0 ؛ i <count ؛ i ++) {}
}
Console.profile ('Analyzer') ؛
الجميع()؛
console.profileend () ؛
</script>
اسمحوا لي أن أشرح أنه أثناء اختبار LZ ، لم تتم إضافة أي تنبيه إلى جميع () ، ولم يتم إخراج شريط التحكم. بعد إضافة ، كان هناك جدول تحليل الأداء. السبب لم يكن واضحا بعد. إذا كنت تعرف ، يمكنك التعليق.