3
1

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.

ChromeDeveloperToolでshadow domを表示する方法

Last updated at Posted at 2020-07-01

経緯

Seleniumで自動テストを作成する際、正しいElementを指定しても「Clickできない」「Sendkeyできない」状態になることがあります。
様々な原因がありますが、1つの原因として、shadow domが影響していることがあります。
自動テストを作成する際、常に表示しておいた方が便利なので、ChromeDevToolでshadow-domを表示する方法を記載します。

設定方法

  • Chromeにて任意のサイトを開く

  • (ChromeDevToolを開く)表示したページ画面内で右クリックし、検証を押す

  • ChromeDevToolの右上にある設定アイコンを押す
    スクリーンショット 2020-07-01 16.48.26.png

  • 「Show user agent shadow DOM」にチェックを入れる
    スクリーンショット 2020-07-01 16.51.02.png

  • shadow-domが表示されるようになるスクリーンショット 2020-07-01 16.48.44.png

3
1
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
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?