導航:首頁 > 編程大全 > javascript腳本調試工具

javascript腳本調試工具

 發布時間：2024-07-04 00:49:19

⑴ 如何進行html調試和js腳本調試

1、在chrome中打開開發者工具，打開方式如下圖，也可以使用快捷鍵F12來打開。內

⑵ Firefox3火狐瀏覽器javascript腳本調試插件怎麼用

你說的是firebug嗎 去amo上下載安裝 要用的時候點工具欄的按鈕呼出或者F12呼出即可

具體使用如果你看一下應該慢慢就會了 不是一句話能說清楚的

⑶ 如何進行html調試和js腳本調試

工具來/原料

chrome瀏覽器 Mozilla firefox 電腦

方法/步驟自

1、以chrome為例，首先打開需要調試的頁面，按F12快捷鍵打開調試工具。

⑷ 有能調試javascript腳本的工具嗎

現在「富客戶端」是炒得比較火的一個概念。所謂的富客戶端一般需要寫大量的javascript/vbscript代碼，腳本語言是比較難調試的，雖然可以使用OFFICE中帶的腳本調試程序、DOTNET或其它的專業工具來調試，可總是些不方便。
寫過VC程序的人相信比較熟悉TRACE、afxDump等幾個函數，這幾個函數可以在工具窗口實時的輸出一些調試信息，可以很方便的發現一些運行時錯誤。有人使用純腳本的方式實現了類似的跟蹤調試功能，經過使用發現確實可以給開發帶來比較大的方便。代碼是以CodeProject網站上找到的，原理很簡單，使用很方便。調試信息分為Message、Warn及Exception幾種，以不同的顏色顯示，很直觀。
下面把相應代碼及使用幫助貼出來，感興趣的網友可以拷貝粘貼後使用。
主要是兩個文件：
/***************************************************************************/
一、腳本文件(文件名：debuggingTools.js)
/***************************************************************************/
//debug helper class to control popup windows
var DebugHelper = function()
{
this.Active = true;
this.ShowException = true;
this.ShowURL = true;
this.ShowLastModified = false;
this.ShowReferrer = false;
this.VerboseMode = false;
//reference to the popup window
this.DebugWindow = null;
this.CssStyleFile = new String("debugWindow.css");
this.WindowStyle = new String("left=0,top=0,width=300,height=300,scrollbars=yes,status=no,resizable=yes");
//no spaces to run correctly on internet explorer
this.WindowName = new String("JavascriptDebugWindow");
this.WindowTitle = new String("Javascript Debug Window");
}

//method to show the debug window
DebugHelper.prototype.ShowWindow = function()
{
try
{
if( this.Active )
{
this.DebugWindow = window.open("", this.WindowName, this.WindowStyle);
this.DebugWindow.opener = window;
//open the document for writing
this.DebugWindow.document.open();
this.DebugWindow.document.write(
"<html><head><title>" + this.WindowTitle + "</title>" +
"<link rel='stylesheet' type='text/css' href='" + this.CssStyleFile + "' />" +
"</head><body><div id='renderSurface' style='width: 100%; height: 100%;' /></body></html>\n"
);
this.DebugWindow.document.close();
}
}
catch(ex)
{
//ignore exception
}
}

//if the debug window exists, then write to it
DebugHelper.prototype.$Write = function(cssClass, message, url, lastModified, referrer)
{
try
{
if( this.Active )
{
if( this.DebugWindow && ! this.DebugWindow.closed )
{
var msg = message;

if( this.ShowURL && url != null )
msg += " at " + url;

if( this.ShowLastModified && lastModified != null )
msg += " last modified in " + lastModified;

if( this.ShowReferrer && referrer != null )
msg += " referrer " + referrer;

this.DebugWindow.document.getElementById("renderSurface").innerHTML = "<span class='" + cssClass + "'>" + msg + "</span>" + this.DebugWindow.document.getElementById("renderSurface").innerHTML;
}
}
}
catch(ex)
{
//ignore exception
}
}

//write a message to debug window
DebugHelper.prototype.Message = function(message, url, lastModified, referrer)
{
try
{
this.$Write("debugMessage", message, url, lastModified, referrer);
}
catch(ex)
{
//ignore exception
}
}

//same as debug, plus another style applyied
DebugHelper.prototype.Warn = function(message, url, lastModified, referrer)
{
try
{
this.$Write("debugWarn", message, url, lastModified, referrer);
}
catch(ex)
{
//ignore exception
}
}

//same as debug, plus a strong style applyied
DebugHelper.prototype.Exception = function(message, url, lastModified, referrer)
{
try
{
if( this.ShowException )
{
this.$Write("debugException", message, url, lastModified, referrer);
}
}
catch(ex)
{
//ignore exception
}
}

//if the debug window exists, then close it
DebugHelper.prototype.HideWindow = function()
{
try
{
if( this.DebugWindow && !this.DebugWindow.closed )
{
this.DebugWindow.close();
this.DebugWindow = null;
}
}
catch(ex)
{
//ignore exception
}
}

//create a global debug object
var debugHelper = new DebugHelper();
//you should show the window right here to get loading errors or sintax errors of other pages
//debugHelper.ShowWindow();

//catch generic errors also
function WindowOnError(msg, url, line)
{
if( debugHelper )
{
debugHelper.Exception(msg, line + " at " + url);
}
}
window.onerror = WindowOnError;
/***************************************************************************/
二、樣式表(文件名：debugWindow.css)
/***************************************************************************/
body
{
background-color: #ffffff;
font-family: "Courier New", Courier, monospace;
}
span.debugMessage
{
border-bottom:1px dotted #cccccc;
color: #000000;
display: block;
margin: 1px;
}
span.debugWarn
{
border-bottom:1px dotted #aaaa00;
color: #0000aa;
display: block;
}
span.debugException
{
border-bottom:1px dotted #ff0000;
color: #aa0000;
display: block;
font-weight: bold;
}
/***************************************************************************/
三、使用示例
/***************************************************************************/
使用很簡單了，在網頁上包含上面的腳本文件，使用下面幾個函數就可以了。
debugHelper.ShowWindow();//顯示調試窗口
debugHelper.HideWindow();//隱藏調試窗口
debugHelper.Message("信息");//顯示message級別信息
debugHelper.Warn("信息");//顯示warn級別信息。
debugHelper.Exception("信息");//顯示Exception級別信息。

閱讀全文

與javascript腳本調試工具相關的資料

熱點內容
深州有哪個編程學校好 瀏覽：826
抖音數據中心怎麼才算合格 瀏覽：540
全棧視頻數據是什麼 瀏覽：787
網上少兒編程哪個好些 瀏覽：132
oracle資料庫優化方法 瀏覽：844
怎麼關閉網路喚醒 瀏覽：894
孤單的微信頭像動漫 瀏覽：305
有沒有哪個大學教編程 瀏覽：851
wordpress後台添加廣告位置 瀏覽：491
怎樣快速修改qq密碼 瀏覽：145
怎麼清除惡意攻擊網站 瀏覽：511
qq頭像女生側顏馬尾 瀏覽：718
蘋果自己的文件格式 瀏覽：85
放在c盤的app如何刪除 瀏覽：912
華為手機克隆後文件放在哪裡 瀏覽：631
清樂網站製作需要多少人 瀏覽：294
網路游戲系統 瀏覽：933
java如何寫框架 瀏覽：423
微信接收文件改變儲存路徑 瀏覽：51
新加坡蘋果7手機價格 瀏覽：216

友情鏈接