javascript脚本调试工具_Firefox3火狐浏览器javascript脚本调试插件怎么用

⑴ 如何进行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级别信息。

热点内容

窝窝app怎么样自动关发布：2024-12-26 08:33:15 浏览：228

苹果电脑怎么用wps生成多个文件夹发布：2024-12-26 08:32:23 浏览：309

苹果手机哪里有卖发布：2024-12-26 08:20:50 浏览：83

app登录状态为什么不过期发布：2024-12-26 08:19:12 浏览：160

win10创意者无法升级发布：2024-12-26 08:19:11 浏览：59

如何查杀后门程序发布：2024-12-26 08:18:26 浏览：498

定类数据可以用哪些描述统计方法发布：2024-12-26 08:17:54 浏览：278

微信公众号阅读全文怎么跳转文件发布：2024-12-26 08:12:52 浏览：935

迷你编程怎么免费进入发布：2024-12-26 08:06:19 浏览：354

苹果应用设置密码发布：2024-12-26 07:58:32 浏览：21

windowsmac共享文件夹发布：2024-12-26 07:58:32 浏览：274

数据安全性和固态硬盘哪个好发布：2024-12-26 07:58:23 浏览：433

word为什么图片不能旋转发布：2024-12-26 07:53:46 浏览：732

qq上本机文件怎么删除不了怎么办发布：2024-12-26 07:53:43 浏览：117

美食的视频app有哪些发布：2024-12-26 07:52:48 浏览：251

买酒去什么网站发布：2024-12-26 07:51:58 浏览：140

jsdivcss 发布：2024-12-26 07:42:00 浏览：103

js有序数字发布：2024-12-26 07:41:09 浏览：694

ps可以置入什么文件发布：2024-12-26 07:36:26 浏览：794

阿里巴巴集团您正在重置密码发布：2024-12-26 07:31:29 浏览：248

导航:首页 > 编程大全 > javascript脚本调试工具

javascript脚本调试工具

与javascript脚本调试工具相关的资料

友情链接