JavaScript エラー処理とデバッグの経験の概要_JavaScript スキル

ここでは、JS エラー処理およびデバッグ方法の概要を示します。
方法 1: 変数値を監視するには、alert() メソッドと document.write() メソッドを使用します。
alert() は、ユーザーが [OK] ボタンをクリックするまで、変数値を表示するダイアログ ボックスが表示されている間、コードの実行を停止します。一方、document.write() は、その後、コードの実行を継続します。値を出力しています。 JS をデバッグするときは、特定の状況に応じてこの方法を選択できます。
たとえば、次のコード: 配列 a の 1 から始まるデータを配列 b に追加します

コードをコピーします コードは次のとおりです:

>




エラーが解決しない。助けてください。実際、onerror はエラーの性質を決定する 3 つのパラメーターも提供します。 コード:




コードをコピーします

コードは次のとおりです。

<タイトル>


< ;body onload= "NonExist()" >

が IE で実行されている場合のプロンプト:

Firefox
IE ブラウザでエラー イベントが発生すると、通常のコードが続行されます。実行すると、すべての変数とデータが保存され、onerror イベント ハンドラーを通じてアクセスできます。 Firefox では、通常のコードの実行が終了し、エラーが発生する前のすべての変数とデータが破棄されます。
方法 3: try….catch ステートメントを使用してエラーを見つけます。

コードをコピー コードは次のとおりです:

{
alert("は try...catch");
alert(hello);
}
catch(例外)
{
var error="";
for(var i は例外です)
{
error =i "："例外[i] "n";
}
}
🎜>



IE
🎜>

Firefox
実行時のヒント:

try…..catch
で簡単に実行できます。間違った質問ですが、残念ながら、このステートメントはステートメント エラーを適切に処理できません。例:

コードをコピー コードは次のとおりです:

try语句里面出现了括号不匹配的错误，而整个代码并没有运行catch中的模块，而是浏览器弹出了错误提示框，如下图：

 

方法4：使用Firefox错误控制台调试：

在Firefox菜单栏中选择“工具”－>“错误控制台”,便可以打开它，所有浏览中运行的错误，警告，消息都会传错误控制台，如下：

 

 

Firefox提示的错误信息要比IE全面而且准确的多。

方法5：使用Firefox插件FireBug

Firebug是Firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。具体如何安装使用FireBug可参考这篇文章：http://apps.hi.baidu.com/share/detail/15314208

方法6：使用Miscrosoft Script Debugger调试：

在IE菜单栏中打开“工具”－>“Internet选项“，选择”高级“，将”禁用脚本调试“复选框的勾去掉。

 

 

 

 

具体如何使用就不介绍了。

方法7：使用IE下的JS调试工具companion.js

一款像firefox中的firedebug工具类似的一个工具包，它的特点就是可以有好的提示错误，并且可以在IE浏览器下方出现控制台输出.方便及时调试。

具体可参考这篇文章：http://hi.baidu.com/argv/blog/item/f4efe67ac370f7e12f73b3ad.html

There are other JS debugging tools, so I won’t introduce them one by one. You can also introduce some better JS error handling methods or JS Debugging tools.