今天网上随便了溜达了一圈，发现了一个很好的javascript调试器，类似于java的控制台功能，以往调试javascript会输出n个alert的断点，调试很花时间。尽管这样的一个工具，很简单，自己也可以糊弄一个，网上既然提供了一个那又何必自己写呢，我只写网上没有的，哈哈，又开始吹了！
我写了一个很小的测试工具，供大家参考，代码如下 ：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
input {
border:1px solid #000000;
width:100px;
}
table{
border:1px solid #000000;
width:600px;
}
td{
padding:5px;
}
</style>
<script type="text/javascript" src="blackbird.js"></script>
<link type="text/css" rel="Stylesheet" href="blackbird.css" />
<script language="JavaScript">
<!--
var NAMESPACE = "bb" ;
//-->
</script>
</head>
<body>
<table>
<tr>
<td><input type="button" value="显示/隐藏" onclick="log.toggle()"/></td>
<td>log.toggle( )</td>
<td>显示/隐藏调试信息面板</td>
</tr>
<tr>
<td><input type="button" value="改变大小" onclick="log.resize()"/></td>
<td>log.resize( )</td>
<td>改变面板大小</td>
</tr>
<tr>
<td><input type="button" value="调试" onclick="log.debug('debug') "/></td>
<td>log.debug( Message )</td>
<td>输出调试信息</td>
</tr>
<tr>
<td>
<input type="button" value="消息" onclick="log.info(window.prompt('请输入值！','请输入值')) "/>
</td>
<td>log.info( Message )</td>
<td>输出消息</td>
</tr>
<tr>
<td><input type="button" value="警告" onclick="log.warn('worn') "/></td>
<td>log.warn( warn )</td>
<td>输出警告</td>
</tr>
<tr>
<td><input type="button" value="错误" onclick="log.error('error') "/></td>
<td>log.error( reeor )</td>
<td>输出错误信息</td>
</tr>
<tr>
<td><input type="button" value="计时" onclick="log.profile('local anchors') "/></td>
<td>log.profile( profile )</td>
<td>开始/结束计时</td>
</tr>
<tr>
<td><input type="button" value="清空" onclick="log.clear() "/></td>
<td>log.profile( )</td>
<td>清空调试消息</td>
</tr>
</table>
<br><br>
<table>
<tr>
<td>F2</td>
<td>显示/隐藏</td>
</tr>
<tr>
<td>Shift＋F2</td>
<td>移 动（move）</td>
</tr>
<tr>
<td>Alt ＋ Shift ＋ F2</td>
<td>清 空</td>
</tr>
<tr>
<td colspan="2">单击左上图标可以进行类型过滤；或者Alt ＋ 单击</td>
</tr>
</table>
</body>
</html>
注意最顶端的一行代码，很重要
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
我刚开始，就是因为这里没有写完整，一直都不能显示。
同时我将其源码js、css和图片提供给大家，让我们和alert说再见吧。
分享到：
相关推荐
总的来说，`alert()`、`confirm()`和`prompt()`是JavaScript中最基础的用户交互手段，虽然简单但功能实用。理解并合理运用它们，可以帮助开发者构建更加互动和友好的网页应用程序。然而，为了提供更高级的用户体验，...
阻止来自Facebook新闻传送的潜在电视节目和体育剧透。 SpoilerAlert是一款谷歌浏览器...现在，与SpoilerAlert说再见那些不必要的职位！只要告诉我们你要遵循什么，剩下的就做好了。 支持语言:English (United States)
例如：`<body onunload="alert('再见，期待您的下次访问！')">` - **Onbeforeunload**：页面即将关闭时触发的事件，可用于提示用户。例如：`您确定要离开吗？';">` - **鼠标事件与键盘事件**： - **Window.event*...
这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `onbeforeunload`事件 `onbeforeunload`事件是在用户尝试关闭窗口、标签页或者刷新页面时触发的。这是一个非常有用的事件，因为它允许...
<body bgcolor="#fef4d9" onUnload="window.alert('再见了！欢迎下次再来！')"> ``` **说明：** 这两个示例分别演示了如何在用户离开页面时弹出一个新的窗口或显示一个提示框来与用户告别。这对于增加用户的情感...
')" onunload="alert('再见！')"> ``` - 这段代码定义了`<body>`标记，在文档加载完成后会显示“网页读取完成，请慢慢欣赏！”的消息框，在用户离开文档时会显示“再见！”的消息框。 - **在JavaScript中指定**: ...
<body onunload="window.alert('再见！请访问我们的网站http://2929.2000y.net/')"> ``` 这段代码会在用户离开页面时显示一条告别消息。 ### 5. 实现飞花和雪花特效 除了上述代码外，文章还提到了实现飞花和雪花...
总的来说，$(document).Ready()、OnLoad事件和$(window).load()都是确保代码在适当时间执行的方法，各有优缺点。理解它们之间的区别和适用场景，能帮助开发者编写出更加高效、流畅的前端代码。在实际项目中，根据...
但是从全局看来，这样会导致出现一些让我们难以掌控的情况的出现：变量... // 定义一个全局变量 var msg2 = “再见！” //定了另一个全局变量 [removed] = function() { alert(msg1); } [removed] = function()
')" onunload="alert('再见！')"> ``` 这样，当页面加载完毕或关闭时，对应的警告框会被显示。 2. **方法二：编写特定对象特定事件的JavaScript**。这种方式相对较少用，但有时非常有用。例如： ```html ...
在今天的学习小结中，我们将深入了解JavaScript中的Date对象，并对其基本使用方法进行梳理。Date对象是JavaScript中非常重要的内置对象，它允许我们处理日期和...希望以上的知识点对您有帮助，我们明天的学习小结再见。
alert(strMsg + "未填写！"); return true; } return false; } ``` ### 2. 判断输入是否为中文字符 (isChinese) 此函数用于判断输入的字符串`str`是否全部由中文字符组成。它首先定义了一个包含所有非中文字符...