5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ChromeのJSデバックでライブラリを見ないようにする。

Last updated at Posted at 2020-08-21

Chromeの検証ツールでJavascriptのデバックをするときにブレイクポイントを貼って、自分が書いたJSの挙動を確認するかと思います。しかし、コードをステップで辿るうちに以下の画像のようにライブラリの中身まで見てしまい、支障をきたすことがあるかと思います。そこで、デバックの際にライブラリに侵入するのを避けるための設定をご紹介します。

image.png

####1、 Chromeの検証ツールを開く。
image.png

####2、 右上の歯車マークを押すと以下の画面になる。
image.png

####3、 Blackboxingボタンを押す。
image.png

####4、 除外したいパターンを設定。
image.png

npmで管理している場合、JSのライブラリはnode_modulesに入っているので大半は除外できると思います。また、cdnを利用している場合もあるのでそれも除外します。

5
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?