タグ

javascriptとdebugに関するnilabのブックマーク (18)

  • 威斯尼斯人wns2299登录(百度Vip认证)官方网站

     系统提示 抱歉 可能是由下列问题导致的: 由于网络或安全的原因,您暂时无法访问站点,请稍后重试。

    nilab
    nilab 2014/08/22
    JavaScriptで関数が何処から呼ばれたか調べる方法 » 風の吹く丘 : console.trace();
  • Error - JavaScript | MDN

    解説 実行時エラーが発生すると、新しい Error オブジェクトが生成されスローされます。 Error はシリアライズ可能オブジェクトなので、 structuredClone() で複製したり、ワーカー間で postMessage() を使用してコピーしたりすることができます。 エラーの型 JavaScript には、一般的な Error コンストラクターの他に、中核となる他のエラーコンストラクターがあります。クライアント側の例外については、例外処理文を参照してください。 EvalError グローバル関数 eval() に関して発生するエラーを表すインスタンスを生成します。 RangeError 数値変数または引数が、その有効範囲外である場合に発生するエラーを表すインスタンスを生成します。 ReferenceError 不正な参照から参照先の値を取得した時に発生するエラーを表すインスタン

    Error - JavaScript | MDN
    nilab
    nilab 2014/08/22
    Error - JavaScript | MDN
  • [JavaScript] 例外発生時にJavaみたいにスタックトレースを出力してデバッグしやすくする方法 - YoheiM .NET

    こんにちは、最近JavaScriptで大規模開発中の@yoheiMuneです。 JSの大規模開発では、複数人で開発して、クラス数やJSファイル数もたくさんになりやすいです。 そんな時にエラーが発生するとデバッグも大変。 今日は、JavaScriptJavaのようなスタックトレースを出してデバッグが楽にならないものかと思い調べて、実装してみた結果をブログに書きたいと思います。 スタックトレースとは サーバーサイドの開発では、例外発生時などによく見るスタックトレースですが、JavaScriptでは一部のブラウザ(Chrome)の開発コンソールくらいでしか見ることが出来ません。 スタックトレースとは、スタック(関数の呼び出しをするたびにたまるもの)の一覧を出力する機能です。 関数A→関数B→関数Cとコールしていて関数Cでエラーが発生した場合、そのエラー箇所にたどり着く迄に、 どんなコードを通っ

    [JavaScript] 例外発生時にJavaみたいにスタックトレースを出力してデバッグしやすくする方法 - YoheiM .NET
    nilab
    nilab 2014/08/22
    _[JavaScript] 例外発生時にJavaみたいにスタックトレースを出力してデバッグしやすくする方法 - YoheiM .NET : 「例外オブジェクト(e)はstackというものを持っていて、それがスタックトレースとして出力できます」 : Error.stack
  • Androidでconsole.log()を見る - Just posted a blog

    おもにWindowsの方からつらいという声聞こえた スマートフォン向けのウェブサイトのデバッグ、console.log()を見る方法いくつかある。 Eclipseのlogcatを見る Android開発者ならまだしも、JavaScript書いてるのにEclipse立ち上げたくない。 標準ブラウザでabout:debug 対応してないバージョンもある。それにPCにエラーログ出た方が嬉しい。 adb logcat Linuxとかなら adb logcat | grep browser 出来るけど、windowsだとgrep出来なくて悲しい。 busyboxを入れて端末側でgrepする ビルドが面倒とか、すべての検証端末に入れるのが面倒とか。 BrowserCatを作ったニャン BrowserCat windowsでもadbが入ってれば動きます。 まだログが見れるくらいしか機能ない

    nilab
    nilab 2013/06/18
    Androidでconsole.log()を見る - Just posted a blog : Eclipseのlogcatを見る : 標準ブラウザでabout:debug : adb logcat : BrowserCat
  • AndroidでJavaScriptのconsole.logを表示する方法 - Webtech Walker

    Androidでconsole.logとかの出力を見るのには二通りあるみたいです。 1. about:debug ブラウザのアドレスバーにabout:debugと打ち込むとJavaScriptのコンソールが現れます。これ簡単でいいんですけど、実機(Xperia ack)で試したらなんかよく(OSごと)落ちるし、いちいち入力するの面倒だしでちょっと微妙でした。あとどのバージョンからこれに対応してるかもよく知らない。 2. adb logcat たぶんこっちが正当法。AndroidSDKに入ってるadbAndroid Debug Bridge)というツールを使います。adbAndroidSDKの tools/adb にあります。 まずエミュレータの場合。エミュレータを立ち上げたら以下のコマンドで接続を確認します。 $ cd /path/to/AndroidSDK/tools $ ./adb

    AndroidでJavaScriptのconsole.logを表示する方法 - Webtech Walker
    nilab
    nilab 2013/06/18
    AndroidでJavaScriptのconsole.logを表示する方法 - Webtech Walker : ブラウザのアドレスバーに about:debug と打ち込むと JavaScript のコンソールが現れる : adb logcat
  • ウェブブラウザ Opera | 高速かつ安全な多機能ブラウザ | 無料ダウンロード

    自分だけのブラウザ デフォルトブラウザよりも速く、安全でスマートなOperaブラウザ。プライバシー、セキュリティ、オンラインで行うすべてのことに対応したフル もっと見る

    ウェブブラウザ Opera | 高速かつ安全な多機能ブラウザ | 無料ダウンロード
    nilab
    nilab 2011/11/16
    「コードのステップ実行、DOM の操作、ネットワークトラフィックのモニタリング、検索、フィルタリング、その他多数のことが行えます」Opera Dragonfly | 解き放たれた新しいプレデター
  • Firebug

    Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

    nilab
    nilab 2011/10/30
    Keyboard and Mouse Shortcuts - FirebugWiki
  • Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC Engineers' Blog

    羊毛布団を洗濯機にかけられないことを知りました。ago(@kyo_ago)です。 意外と知られていない機能が多い!?Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox体のツールバーに「要素を調査」ボタン Fi

    Firebugの意外と知られていない機能紹介(プログラマ向け) - KAYAC Engineers' Blog
    nilab
    nilab 2011/10/28
    「HTMLタブ内の要素に対する右クリックメニューから、対象の要素に発生する全てのイベントをコンソールタブに出力することが可能です」Firebugの意外と知られていない機能紹介(プログラマ向け)
  • 第3回 Command Line APIとその活用、各タブからのデバッグ方法 | gihyo.jp

    Firefox 3とFirebugで始めるJavaScript開発 第3回Command Line APIとその活用⁠⁠、各タブからのデバッグ方法 さて、前回はConsole APIの解説とそれを利用してのデバッグについて簡単な解説を行いました。 今回は、Firebugに実装されているもう1つのAPIである、Command Line APIや、各タブの機能を利用してのデバッグ方法について解説をしていきたいと思います。 Command Line API Command Line APIはFirebugのConsoleタブから利用することができます。ただし、グローバルですでに利用されている名前については利用できません。例えばPrototypeやjQueryが利用されているページのConsoleでは$()関数はそれらのライブラリのものが実行されます。 利用できるAPIは以下の通りです。 $(id

    第3回 Command Line APIとその活用、各タブからのデバッグ方法 | gihyo.jp
    nilab
    nilab 2011/09/17
    Firefox 3とFirebugで始めるJavaScript開発:第3回 Command Line APIとその活用,各タブからのデバッグ方法|gihyo.jp … 技術評論社
  • 7 Go – 7 Go’s Guide to Practical Positivity

    Let’s Start with a Little About Me Hello readers! My name is Rimora Kalen, a 21yearold Content Creator from Nashville, Tennessee. As someone who is a true logo enthusiast, I spend a lot of time exploring how design can shape the way we see the world. I enjoy giving realworld examples to bring design theories to life, and today I…

    nilab
    nilab 2011/09/17
    FireBugのCommand Line API
  • Firebug

    Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

    nilab
    nilab 2011/09/17
    Command Line API - FirebugWiki
  • Firebug

    Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

    nilab
    nilab 2011/09/17
    Console API - FirebugWiki
  • 7 Go – 7 Go’s Guide to Practical Positivity

    Let’s Start with a Little About Me Hello readers! My name is Rimora Kalen, a 21yearold Content Creator from Nashville, Tennessee. As someone who is a true logo enthusiast, I spend a lot of time exploring how design can shape the way we see the world. I enjoy giving realworld examples to bring design theories to life, and today I…

    nilab
    nilab 2011/09/17
    FirebugのConsole API
  • http://alpaca.chocosk.server-cowboy.net/blog/javascript/firebug-console-api/

    nilab
    nilab 2011/09/17
    JavaScriptを使うなら必ず覚えておきたいFirebugのConsole APIの使い方 | アルパカの具
  • 効率的なデバッグをサポートするFirebugのコンソールAPI - builder by ZDNet Japan

    コンソールAPIJavaScriptの実行時情報を出力 FirebugのコンソールAPIを使えば、コンソールへのメッセージの出力やスクリプトの実行時間の計測などを行うことができる。具体的には以下のような関数が用意されている。 console.log(object[, object, ...]): メッセージ(オブジェクト)をコンソールに出力 console.debug(object[, object, ...]): メッセージをコードの行番号付きで出力 console.info(object[, object, ...]): メッセージを、先頭に「i」のアイコンを付けて出力 console.warn(object[, object, ...]): メッセージを、先頭に「!」のアイコンを付けて出力 console.error(object[, object, ...]): メッセージを、先

    効率的なデバッグをサポートするFirebugのコンソールAPI - builder by ZDNet Japan
    nilab
    nilab 2009/06/08
    効率的なデバッグをサポートするFirebugのコンソールAPI - builder by ZDNet Japan : FirebugのコンソールAPI:JavaScriptにて console.debug を実行するとFirebugコンソールに出力
  • IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊

    IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか? ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは? のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil

    IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
    nilab
    nilab 2008/11/19
    IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - Yet Another Hackadelic
  • Firebug Lite

    Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of

    nilab
    nilab 2006/12/07
    Firebug Lite : IE, Opera, Safariなどでも使える Firebug. というか JavaScript による JavaScript デバッガー。
  • ドメインパーキング

    tatamilab.jp

    nilab
    nilab 2006/10/05
    たたみラボ: JavaScriptデバッグ技法
  • 1