最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

Day9 14 Must Know Dev Tools Tricks

XAMPP下载 admin 709浏览 0评论
 Day9 14 Must Know Dev Tools Tricks
Demo

第九天主要學習的是console的運用。

何為console?

主要功能為:

記錄網頁相關的資訊:網路請求、JavaScript、CSS、安全性相關的問題,警告和錯誤、以及頁面運行的 JavaScript 相關問題,警告,錯誤,和參考訊息。
透過執行頁面文中的 JavaScript 表達式與網頁互動。
Javascript
console
The Console object provides access to the browser’s debugging console (e.g. the Web Console in Firefox). The specifics of how it works varies from browser to browser, but there is a de facto set of features that are typically provided.

Console.log()
輸出訊息到 Web Console。

console.log(obj1 [, obj2, …, objN]);
console.log(msg [, subst1, …, substN]);
console.warn()
輸出警告訊息到 Web Console。
console.warn(obj1 [, obj2, …, objN]);
console.warn(msg [, subst1, …, substN]);
console.error()
輸出錯誤訊息到 Web Console。
console.error(obj1 [, obj2, …, objN]);
console.error(msg [, subst1, …, substN]);
console.exception(obj1 [, obj2, …, objN]);
console.exception(msg [, subst1, …, substN]);
console.info

()
輸出資訊訊息到 Web Console。
console.info

(obj1 [, obj2, …, objN]);
console.info

(msg [, subst1, …, substN]);
console.assert()
判斷訊息狀態,為true不顯示,為false就顯示。
console.assert(assertion, obj1 [, obj2, …, objN]);
console.assert(assertion, msg [, subst1, …, substN]);
console.dir()
輸出物件的屬性到 Web Console。
console.dir(object);
console.groupCollapsed()
建立一個訊息群組到 Web Console。
console.groupCollapsed([label]);
console.count()
輸出次數到 Web Console。搭配console.groupEnd()。
console.count();
console.count()
輸出次數到 Web Console。
console.count();
console.time()
輸出時間差到 Web Console。搭配console.groupEnd()。
console.time();
tags: console

转载请注明:XAMPP中文组官网 » Day9 14 Must Know Dev Tools Tricks

您必须 登录 才能发表评论!