导航:首页 > 编程大全 > 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脚本调试工具相关的资料

热点内容
四川疫情大数据 浏览：457
固态硬盘win10装win7 浏览：464
华为的录音文件m4a找不到了 浏览：646
手机代码转移 浏览：832
安卓手机可以下载苹果输入法吗 浏览：369
升级宽带后路由器速度还是很慢 浏览：882
jsp添加英文日期控件 浏览：329
自己写的编程怎么交流 浏览：677
淘宝app怎么退货 浏览：323
win10摄像头驱动中文版 浏览：757
pc版网络机顶盒系统 浏览：407
星际跑酷安卓 浏览：157
分布式大数据平台 浏览：368
win10无法连接到win7打印机 浏览：814
用友实施与维护工具 浏览：913
labview如何把数据保存到文本 浏览：399
图片文件怎么排序 浏览：514
苹果app哪里可以下载 浏览：57
代码超链接 浏览：695
如何给整个文件夹加密 浏览：804

友情链接