デベロッパーツールでインラインの Javascript をデバッグするためのスクリプトヘッダ
デベロッパーツールでインラインの Javascript をデバッグするためのスクリプトヘッダ・・・とは書いたものの。
意味通じますかね?
javascriptを動的に使いたい。
例えば、データの配列を php で作ってそれを インラインにして使う。
ファイルにしてしまうと、場面場面でファイルを書き換えることになるんですけど、そうすると多重呼び出しできない。
だから、インラインにする。
その時、デベロッパーツールで source を使ってデバッグしようとするとインラインのソースが出てこない。
じゃあ、どうするか
こんな感じに描きます。
意味通じますかね?
javascriptを動的に使いたい。
例えば、データの配列を php で作ってそれを インラインにして使う。
ファイルにしてしまうと、場面場面でファイルを書き換えることになるんですけど、そうすると多重呼び出しできない。
だから、インラインにする。
その時、デベロッパーツールで source を使ってデバッグしようとするとインラインのソースが出てこない。
じゃあ、どうするか
デベロッパーツールでインラインの Javascript をデバッグするためのスクリプトヘッダ
インラインのJavascriptに仮想のファイル名(実際にはファイルに出力されていない)を付けることで source の「ファイルを開く」で候補として表示されるようになります。こんな感じに描きます。