資訊專欄INFORMATION COLUMN
摘要：常見的方式是把調(diào)試信息記錄到控制臺(tái)，但是這涉及到瀏覽器的差異性。對(duì)和來說，則可以通過對(duì)象向控制臺(tái)中寫入消息，這個(gè)對(duì)象具有下列方法。
調(diào)試代碼的一般方法就是讓瀏覽器輸出調(diào)試信息。常見的方式是把調(diào)試信息記錄到控制臺(tái)，但是這涉及到瀏覽器的差異性。最關(guān)鍵的是，在最終發(fā)布網(wǎng)頁(yè)之前，這些調(diào)試代碼必須都刪除。
1）對(duì) IE8、 Firefox、 Chrome 和 Safari 來說，則可以通過 console 對(duì)象向 JavaScript 控制臺(tái)中寫入消息，這個(gè)對(duì)象具有下列方法。這些方法適用于絕大多數(shù)調(diào)試。
? error(message)：將錯(cuò)誤消息記錄到控制臺(tái)
? info(message)：將信息性消息記錄到控制臺(tái)
? log(message)：將一般消息記錄到控制臺(tái)
? warn(message)：將警告消息記錄到控制臺(tái)
2）Opera 10.5 之前的版本中， JavaScript 控制臺(tái)可以通過 opera.postError()方法來訪問。這個(gè)方法接受一個(gè)參數(shù)，即要寫入到控制臺(tái)中的參數(shù)，其用法如下。
function sum(num1, num2){
opera.postError("Entering sum(), arguments are " + num1 + "," + num2);
opera.postError("Before calculation");
var result = num1 + num2;
opera.postError("After calculation");
opera.postError("Exiting sum()");
return result;
}
3）Firefox、 Safari 和 Opera都支持 LiveConnect，因此可以操作 Java 控制臺(tái)。例如，通過下列代碼就可以在 JavaScript 中把消息寫入到 Java 控制臺(tái)。Java 控制臺(tái)需要手動(dòng)打開。
java.lang.System.out.println("Your message");
不存在一種跨瀏覽器向 JavaScript 控制臺(tái)寫入消息的機(jī)制，但下面的函數(shù)倒可以作為統(tǒng)一的接口。
function log(message) {
if (typeof console == "object") {
console.log(message);
} else if (typeof opera == "object") {
opera.postError(message);
} else if (typeof java == "object" && typeof java.lang == "object") {
java.lang.System.out.println(message);
}
}
4）不支持 JavaScript 控制臺(tái)的 IE7 及更早版本或其他瀏覽器中，可以使用另一種輸出調(diào)試消息的方式，就是在頁(yè)面中開辟一小塊區(qū)域，用以顯示消息。這個(gè)區(qū)域通常是一個(gè)元素，而該元素可以總是出現(xiàn)在頁(yè)面中，但僅用于調(diào)試目的；也可以是一個(gè)根據(jù)需要?jiǎng)討B(tài)創(chuàng)建的元素。
例如，可以將 log()函數(shù)修改為如下所示：
function log(message) {
var console = document.getElementById("debuginfo");
if (console === null) {
console = document.createElement("div");
console.id = "debuginfo";
console.style.background = "#dedede";
console.style.border = "1px solid silver";
console.style.padding = "5px";
console.style.width = "400px";
console.style.position = "absolute";
console.style.right = "0px";
console.style.top = "0px";
document.body.appendChild(console);
}
console.innerHTML += "" + message + "
";
}
這個(gè)修改后的 log()函數(shù)首先檢測(cè)是否已經(jīng)存在調(diào)試元素，如果沒有則會(huì)新創(chuàng)建一個(gè)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/80720.html
摘要：在前端開發(fā)中，調(diào)試技術(shù)是必不可少的技能，本文將介紹五種前端開發(fā)必備的調(diào)試技術(shù)。移動(dòng)調(diào)試斷點(diǎn)斷點(diǎn)方法遠(yuǎn)程映射本地調(diào)試在移動(dòng)上面開發(fā)調(diào)試是很復(fù)雜的，所以就有了。 在前端開發(fā)中，調(diào)試技術(shù)是必不可少的技能，本文將介紹五種前端開發(fā)必備的調(diào)試技術(shù)。 Weinre移動(dòng)調(diào)試 DOM 斷點(diǎn) debugger斷點(diǎn) native方法hook 遠(yuǎn)程映射本地調(diào)試 Weinre 在移動(dòng)上面開...
摘要：了解華為海思的方案海思的前身是華為的半導(dǎo)體部門，主要產(chǎn)品線包括智能手機(jī)處理器麒麟系列，視頻采集和編解碼處理器系列，無線通信方向芯片等。 目錄 一、視頻行業(yè)1、視頻...
摘要：接口管理獨(dú)立于的版本號(hào)，使用特性嗅探實(shí)現(xiàn)新舊的兼容，簡(jiǎn)單直觀。其中在網(wǎng)易有錢上使用了年多，支持了網(wǎng)易有錢的不斷增長(zhǎng)的業(yè)務(wù)需求，期間解決了很多遇到的通有的問題。目前還沒有在線上系統(tǒng)中使用，目前正逐步將整體接入網(wǎng)易嚴(yán)選和網(wǎng)易推手。 showImg(https://upload-images.jianshu.io/upload_images/277783-33c33da3e99a070d.p...
摘要：將消息記錄到控制臺(tái)和來說，可通過對(duì)象向控制臺(tái)中寫入消息。如常見的錯(cuò)誤操作終止無效字符未找到成員未知運(yùn)行時(shí)錯(cuò)誤語法錯(cuò)誤系統(tǒng)無法找到指定資源 將消息記錄到控制臺(tái) console IE8、Firefox、Chrome和Safari來說，可通過console對(duì)象向JavaScript控制臺(tái)中寫入消息。對(duì)象有下列方法： error(message)：將錯(cuò)誤消息記錄到控制臺(tái) info(messa...
閱讀 1760·2021-11-23 09:51
閱讀 3486·2021-09-26 10:21
閱讀 894·2021-09-09 09:32
閱讀 992·2019-08-29 16:06
閱讀 3419·2019-08-26 13:36
閱讀 851·2019-08-26 10:56
閱讀 2646·2019-08-26 10:44
閱讀 1220·2019-08-23 14:04
