導航:首頁 > 編程大全 > 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腳本調試工具相關的資料

熱點內容
網路機頂盒電視沒信號怎麼回事 瀏覽：384
蘋果手機如何下載來玩 瀏覽：826
win10安裝重新啟動 瀏覽：395
復制文件和文件夾出錯 瀏覽：652
加工中心編程如何學 瀏覽：16
電腦掃碼支付密碼嗎 瀏覽：815
網路微信平台 瀏覽：165
applepay未添加此卡 瀏覽：201
哪個網站可以試玩cq9游戲 瀏覽：367
怎麼查電信光纖賬號和密碼是什麼樣的 瀏覽：830
iphone如何發錄音文件 瀏覽：982
windowsxp桌面小工具 瀏覽：154
運動類app開發設計 瀏覽：401
psico圖標文件生成 瀏覽：706
將所有文件名導入資料庫 瀏覽：856
查看linux伺服器使用情況 瀏覽：177
日版iphone5蜂窩數據 瀏覽：336
淄博淄博兼職女微信群 瀏覽：374
px轉sp在線工具 瀏覽：538
addhandlerjs 瀏覽：440

友情鏈接