資訊專欄INFORMATION COLUMN
摘要：常見的方式是把調試信息記錄到控制臺，但是這涉及到瀏覽器的差異性。對和來說，則可以通過對象向控制臺中寫入消息，這個對象具有下列方法。
調試代碼的一般方法就是讓瀏覽器輸出調試信息。常見的方式是把調試信息記錄到控制臺，但是這涉及到瀏覽器的差異性。最關鍵的是，在最終發布網頁之前，這些調試代碼必須都刪除。
1）對 IE8、 Firefox、 Chrome 和 Safari 來說，則可以通過 console 對象向 JavaScript 控制臺中寫入消息，這個對象具有下列方法。這些方法適用于絕大多數調試。
? error(message)：將錯誤消息記錄到控制臺
? info(message)：將信息性消息記錄到控制臺
? log(message)：將一般消息記錄到控制臺
? warn(message)：將警告消息記錄到控制臺
2）Opera 10.5 之前的版本中， JavaScript 控制臺可以通過 opera.postError()方法來訪問。這個方法接受一個參數，即要寫入到控制臺中的參數，其用法如下。
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 控制臺。例如，通過下列代碼就可以在 JavaScript 中把消息寫入到 Java 控制臺。Java 控制臺需要手動打開。
java.lang.System.out.println("Your message");
不存在一種跨瀏覽器向 JavaScript 控制臺寫入消息的機制，但下面的函數倒可以作為統一的接口。
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 控制臺的 IE7 及更早版本或其他瀏覽器中，可以使用另一種輸出調試消息的方式，就是在頁面中開辟一小塊區域，用以顯示消息。這個區域通常是一個元素，而該元素可以總是出現在頁面中，但僅用于調試目的；也可以是一個根據需要動態創建的元素。
例如，可以將 log()函數修改為如下所示：
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 + "
";
}
這個修改后的 log()函數首先檢測是否已經存在調試元素，如果沒有則會新創建一個
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80720.html
摘要：在前端開發中，調試技術是必不可少的技能，本文將介紹五種前端開發必備的調試技術。移動調試斷點斷點方法遠程映射本地調試在移動上面開發調試是很復雜的，所以就有了。 在前端開發中，調試技術是必不可少的技能，本文將介紹五種前端開發必備的調試技術。 Weinre移動調試 DOM 斷點 debugger斷點 native方法hook 遠程映射本地調試 Weinre 在移動上面開...
摘要：了解華為海思的方案海思的前身是華為的半導體部門，主要產品線包括智能手機處理器麒麟系列，視頻采集和編解碼處理器系列，無線通信方向芯片等。 目錄 一、視頻行業1、視頻...
摘要：接口管理獨立于的版本號，使用特性嗅探實現新舊的兼容，簡單直觀。其中在網易有錢上使用了年多，支持了網易有錢的不斷增長的業務需求，期間解決了很多遇到的通有的問題。目前還沒有在線上系統中使用，目前正逐步將整體接入網易嚴選和網易推手。 showImg(https://upload-images.jianshu.io/upload_images/277783-33c33da3e99a070d.p...
摘要：將消息記錄到控制臺和來說，可通過對象向控制臺中寫入消息。如常見的錯誤操作終止無效字符未找到成員未知運行時錯誤語法錯誤系統無法找到指定資源 將消息記錄到控制臺 console IE8、Firefox、Chrome和Safari來說，可通過console對象向JavaScript控制臺中寫入消息。對象有下列方法： error(message)：將錯誤消息記錄到控制臺 info(messa...
閱讀 1684·2021-11-23 09:51
閱讀 3174·2021-09-26 10:21
閱讀 798·2021-09-09 09:32
閱讀 881·2019-08-29 16:06
閱讀 3308·2019-08-26 13:36
閱讀 772·2019-08-26 10:56
閱讀 2564·2019-08-26 10:44
閱讀 1143·2019-08-23 14:04
