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